js腳本實現樹形菜單_第1頁
js腳本實現樹形菜單_第2頁
js腳本實現樹形菜單_第3頁
js腳本實現樹形菜單_第4頁
js腳本實現樹形菜單_第5頁
已閱讀5頁，還剩1頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

用腳本語言實現樹形菜單在網頁中，用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="#">企業(yè)邀請</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. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論