教程集 > 脚本编程 > javascript > 正文 js树形菜单_树形菜单代码

js树形菜单_树形菜单代码

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供js树形菜单，树形菜单代码等资源，欢迎您收藏本站，我们将为您提供最新的js树形菜单，树形菜单代码资源

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>刷新不变化树形菜单 - js树形菜单_树形菜单代码 </title>  <style type="text/css">  body,td,th {font-size: 14px;}  .leftmenu1 {font-weight: bold; cursor: hand; padding-top: 4px; height: 29px; text-align: left;}  .leftmenu2 {PADDING-LEFT:15px; height: 21px;text-align: left;}  div{ margin-top:90px; width:100%; text-align:center; }  </style>  </head>  <body>  <div>  <script language="JavaScript" type="text/javascript">  function Show(id,i_id){          var on_img="http://www.cbiw.com.cn/member/pic/ass04.gif";//打开时图片          var off_img="http://www.cbiw.com.cn/member/pic/ass03.gif";//隐藏时图片          var obj=document.getElementById('c_' id);          if(obj.style.display=="none"){                  obj.style.display="";          i_id.src=on_img;          //将子菜单Id放入Cookies          var curShow = readCookie('curShow');          if(curShow!='')          {            var arr_curShow = curShow.split(',');            var found = false;            for(i=0;i<arr_curShow.length-1;i  )            {              if(arr_curShow[i].toString()==id) {found=true;}            }            if(!found){writeCookie('curShow',curShow ',' id,12)}          }          else {            writeCookie('curShow',id,12)          }          //将子菜单Id放入Cookies End          }else{                  obj.style.display="none";          i_id.src=off_img;          //将子菜单Id从Cookies中移除          var curShow = readCookie('curShow');          if(curShow!='')          {            var arr_curShow = curShow.split(',');            for(i=0;i<arr_curShow.length;i  )            {              if(arr_curShow[i].toString()==id) {arr_curShow=arr_curShow.del(i--);}            }            curShow = arr_curShow.join(',');            //alert(curShow);            writeCookie('curShow',curShow,12)          }          //将子菜单Id从Cookies中移除 End          }    }    function readCookie(name)    {      var cookieValue = "";      var search = name   "=";      if(document.cookie.length > 0)      {         offset = document.cookie.indexOf(search);        if (offset != -1)        {           offset  = search.length;          end = document.cookie.indexOf(";", offset);          if (end == -1) end = document.cookie.length;          cookieValue = unescape(document.cookie.substring(offset, end))        }      }      return cookieValue;    }    function writeCookie(name, value, hours)    {      var expire = "";      if(hours != null)      {        expire = new Date((new Date()).getTime()   hours * 3600000);        expire = "; expires="   expire.toGMTString();      }      document.cookie = name   "="   escape(value)   expire;    }  Array.prototype.del=function(n) {  //n表示第几项，从0开始算起。  //prototype为对象原型，注意这里为对象增加自定义方法的方法。    if(n<0)  //如果n<0，则不进行任何操作。      return this;    else      return this.slice(0,n).concat(this.slice(n 1,this.length));  }      window.onload = function a()  {    var curShow = readCookie('curShow');    var totalShow = 5;  //自己修改一共有多少个二级分类    if(curShow!=''&&curShow!=null)    {      for(i=1;i<=totalShow;i  )      {        document.getElementById('c_' i).display="none";      }      var arr_curShow;      arr_curShow = curShow.split(',');      for(i=0;i<=arr_curShow.length-1;i  )      {        if(arr_curShow[i]!=''){document.getElementById('c_' arr_curShow[i]).style.display="";}      }      }  }  </script>  <table width="10%" border="0" align="center" cellpadding="0" cellspacing="0">    <tbody>    <tr>      <td class="leftmenu1"> 基本信息</td></tr>  <tr>    <td class="leftmenu2"><img src="" width="9" height="9" /> 修改密码</td></tr>  </tbody>    <tbody>    <tr>      <td class="leftmenu1"> 求职简历</td></tr>  <tr>    <td class="leftmenu2" ><img src="" width="9" height="9" /> 求职意向</td></tr>  <tr>    <td class="leftmenu2" ><img src="" width="9" height="9" /> 上传照片</td></tr>  <tr>    <td class="leftmenu2" ><img src="" width="9" height="9" /> 简历预览</td></tr>  </tbody>    <tbody>    <tr>      <td class="leftmenu1"> 快速搜索</td></tr>  </tbody>    <tbody>    <tr>      <td class="leftmenu1"> 应聘记录</td></tr>  <tr>    <td class="leftmenu2" ><img src="" width="9" height="9" /> 企业邀请</td></tr>  <tr>    <td class="leftmenu2" ><img src="" width="9" height="9" /> 收藏职位</td></tr>  </tbody>    <tbody>    <tr>      <td class="leftmenu1"> 我要提问</td></tr>  <tr>    <td class="leftmenu2" ><img src="" width="9" height="9" /> 我要回答</td></tr>  <tr>    <td class="leftmenu2" ><img src="" width="9" height="9" /> 发问记录</td></tr>  <tr>    <td class="leftmenu2" ><img src="" width="9" height="9" /> 回答记录</td></tr>  <tr>    <td class="leftmenu2" ><img src="" width="9" height="9" /> 分数记录</td></tr>  </tbody>  </table>  </div>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jQuery多层级树形菜单 NotesForMenu
jquery 树形菜单代码一例(图文)
jQuery树型菜单 MagicDTree
asp.net c实现省市区树形菜单代码
 php mysql js实现树形菜单代码
 js 树形菜单代码
 Javascript无限级树形菜单实例
 不用js的HTML与CSS树形无限级菜单
 php与js制作的无限级可伸缩菜单
 jquery 树形二级菜单实例代码

上一篇：js慢慢放大效果代码下一篇：js下载进度条代码

[关闭]

js树形菜单_树形菜单代码

最近更新

浏览排行