js脚本实现树形菜单_第1页
js脚本实现树形菜单_第2页
js脚本实现树形菜单_第3页
js脚本实现树形菜单_第4页
js脚本实现树形菜单_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

用脚本语言实现树形菜单在网页中，用js脚本实现的树形菜单：可以新建html直接运行.方便自己查看〈「■Modifybyfor2007-03-19<!DOCTYPEhtmlPUBLIC”・//W3C〃DTDXHTML1.0Transitional//EN"Hhttp://www./TR/xhtmll/DTD/xhtmll-transitional.dtd"><htmlxmlns=,,/1999/xhtml,l><head><metahttp-equiv=,,Content-TypeHcontent="text/html;charset=gb2312H/><title>刷新不变化树形菜单-js树形菜单_树形菜单代码</title><styletype=,ltext/css,l>body,td,th(font-size:14px;).leftmenul(font-weight:bold;cursor:hand;padding-top:4px;height:29px;text-align:left;}.Ieftmenu2(PADDING-LEFT:15px;height:21px;text-align:left;}div(margin-top:90px;width:100%;text-align:center;}</style></head><body><div><scriptlanguage=,,JavaScriptHtype=,,text/javascript,,>functionShow(idJJd)(varonjmg=,,/member/pic/ass04.gif,1;//打开时图片varoff_img=”http:〃www・/member/pic/ass03.gif";〃隐藏时图片varobj=document.getElementByld('cJ+id);if(obj.style.display==,,none,,){obj.style.display」'”；ijd.src=onjmg;〃将子菜单Id放入CookiesvarcurShow=readCookie(,curShow,);if(curShow!="){vararr_curShow=curShow.split(7)；varfound=false;for(i=0;i<arr_curShow.length-l;i++){if(arr_curShow[i].toString()==id)(found=true;)}if(!found)(writeCookie(,curShow,/curShow+,/+id,12))}else(writeCookie('curShow',id,12)〃将子菜单Id放入CookiesEnd)else(obj.style.display=,,noneH;ijd.src=offjmg;〃将子菜单Id从Cookies中移除varcurShow=readCookie('curShow');if(curShow!="){vararr_curShow=curShow.split(7)；for(i=0;i<arr_curShow.length;i++){if(arr_curShow[i].toString()==id)(arr_curShow=arr_curShow.del(i-);}}curShow=arr_curShow.join(7);//alert(curShow);writeCookie('curShow',curShowl2)}〃将子菜单Id从Cookies中移除End}}functionreadCookie(name)(varcookieValue=,,n;varsearch=name+官；if(document.cookie.length>0)offset=document.cookie.indexOf(search);if(offset!=-1)offset+=search.length;end=document.cookie.indexOf(,,;H,offset);if(end==-1)end=document.cookie.length;cookieValue=unescapefdocument.cookie.substringfoffset,end))}}returncookieValue;}functionwriteCookie(name,value,hours)(varexpire=,,H;if(hours!=null)(expire=newDate((newDate()).getTime()+hours*3600000);expire=expires=M+expire.toGMTString();}document.cookie=name+"=H+escape(value)+expire;}Atotype.del=function(n)(//n表示第几项，从0开始算起。//prototype为对象原型，注意这里为对象增加自定义方法的方法。if(n<0)〃如果n<0,则不进行任何操作。returnthis;elsereturnthis.slice(0,n).concat(this.slice(n+l,this.length));}window.onload=functiona()(varcurShow=readCookie(,curShow,);vartotalshow=5;〃自己修改一共有多少个二级分类if(curShow!="&&curShow!=null)for(i=l;i<=totalShow;i++)document.getElementByld(,cJ+i).display=,,none,';}vararr_curShow;arr_curShow=curShow.split。')；for(i=0;i<=arr_curShow.length-l;i++)(if(arr_curShow[iJ!=l,)(document.getElementByld(,cJ+arr_curShow[i]).style.display="11;}}}}</script><tablewidth=,,10%"border=,,0"align=,,centerHcellpadding="O"cellspacing=,,O"><tbody><tr><tdclass=,,leftmenul,,><astyle="cursor:pointer1'onclick=,,Show(l,imgl),,ximgsrc=”http:〃www・/member/pic/ass03.gif"width=,,16Hheight」'16”align="absmiddle”id="imgl7><spanclass=llft_white,,>个人资料</spanx/ax/tdx/tr></tbody><tbodyid="c_l,1style=Mdisplay:noneH><tr><tdclass="leftmenu2,,ximgsrc=”http:〃www・/member/pic/ass06.gif”width*"height*"/><ahref=1111>基本信息</ax/tdx/tr><tr><tdclass="leftmenu2Hximgsrc=”http://www・/member/pic/ass06.gif”width*"height*"/><ahref=,,,,>修改密码</ax/tdx/tr></tbody><tbody><tr><tdclass=,,leftmenul,,><astyle="cursor:pointer1'onclick=,,Show(2Jmg2),,ximgsrc=”http:〃www・/member/pic/ass03.gif"width=,,16Hheight」'16”align="absmiddle”id=,,img2,,/><spanclass=llft_white,,>我的简历</spanx/ax/tdx/tr></tbody><tbodyid="c_2”style=Mdisplay:noneH><tr><tdclass=,,leftmenu2,,ximgsrc=,,/member/pic/ass06.gif"width*"height=,,9"/><ahref=,,#">求职简历</ax/tdx/tr><tr><tdclass=,,leftmenu2,,ximgsrc=,,/member/pic/ass06.gif"width*"height*"/><ahref=,,#">求职意向</ax/tdx/tr><tr><tdclass=,,leftmenu2nximgsrc=”http:〃/member/pic/ass06.gif”width=,,9nheight=,,9"/><ahref="#">上传照片</ax/tdx/tr><tr><tdclass=,,leftmenu2nximgsrc=”http:〃/member/pic/ass06.gif”width=,,9nheight=,,9"/><ahref="#">简历预览</ax/tdx/tr></tbody><tbody><tr><tdclass=,,leftmenul,,><astyle="cursor:pointer"onclick=,,Show(3Jmg3),lximgsrc=”http:〃www・/member/pic/ass03.gif"width=,,16Hheight」'16”align="absmiddle”id=,,img3,,/><spanclass=llft_white">职位搜索</spanx/ax/tdx/tr></tbody><tbodyid="c_3”style=Mdisplay:noneH><tr><tdclass=,,leftmenu2nximgsrc=”/member/pic/ass06.gif”width=,,9Hheight=,,9"/><ahref="#">快速搜索</ax/tdx/tr></tbody><tbody><tr><tdclass=,,leftmenul,,><astyle="cursor:pointer"onclick=,,Show(4,img4),,ximgsrc=”http:〃www・/member/pic/ass03.gif"width=H16Hheight=,,16Halign=,,absmiddle,1id=,,img4,,/><spanclass=llft_white">应聘管理</spanx/ax/tdx/tr></tbody><tbodyid="c_4”style=Mdisplay:noneH><tr><tdclass=,,leftmenu2nximgsrc=”http:〃/member/pic/ass06.gif”width=,,9nheight=,,9"/><ahref="#">应聘记录</ax/tdx/tr><tr><tdclass=,,leftmenu2nximgsrc=”http:〃/member/pic/ass06.gif”width=,,9nheight=,,9"/><ahref="#">企业邀请</ax/tdx/tr><tr><tdclass=,,leftmenu2nximgsrc=”http:〃/member/pic/ass06.gif”width=H9Hheight=,,9"/><ahref="#">收藏职位</ax/tdx/tr></tbody><tbody><tr><tdclass=,,leftmenul,,><astyle="cursor:pointer"onclick=,,Show(5Jmg5),,ximgsrc=”http:〃www・/member/pic/ass03.gif"width=,,16Hheight」'16”align="absmiddle”id=,,img5,,/><spanclass="ft_white,,>我的知识</spanx/ax/td></tr></tbody><tbodyid="c_5”style="display:noneH><tr><tdclass=,,leftmenu2,,ximgsrc=,,/member/pic/ass06.gif"width=,,9"height=,,9"/><ahref=,,#">我要提问</ax/tdx/tr><tr><tdclass=,,leftmenu

人人文库> 全部分类> 行业资料 > 机电工程

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论