![js腳本實現(xiàn)樹形菜單_第1頁](http://file4.renrendoc.com/view/048523b7449f2979158934d1f6ae621a/048523b7449f2979158934d1f6ae621a1.gif)
![js腳本實現(xiàn)樹形菜單_第2頁](http://file4.renrendoc.com/view/048523b7449f2979158934d1f6ae621a/048523b7449f2979158934d1f6ae621a2.gif)
![js腳本實現(xiàn)樹形菜單_第3頁](http://file4.renrendoc.com/view/048523b7449f2979158934d1f6ae621a/048523b7449f2979158934d1f6ae621a3.gif)
![js腳本實現(xiàn)樹形菜單_第4頁](http://file4.renrendoc.com/view/048523b7449f2979158934d1f6ae621a/048523b7449f2979158934d1f6ae621a4.gif)
![js腳本實現(xiàn)樹形菜單_第5頁](http://file4.renrendoc.com/view/048523b7449f2979158934d1f6ae621a/048523b7449f2979158934d1f6ae621a5.gif)
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認(rèn)領(lǐng)
文檔簡介
用腳本語言實現(xiàn)樹形菜單在網(wǎng)頁中,用js腳本實現(xiàn)的樹形菜單:可以新建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="#">簡歷預(yù)覽</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">應(yīng)聘管理</spanx/ax/tdx/tr></tbody><tbodyid="c_4”style=Mdisplay:noneH><tr><tdclass=,,leftmenu2nximgsrc=”http:〃/member/pic/ass06.gif”width=,,9nheight=,,9"/><ahref="#">應(yīng)聘記錄</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. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025-2030全球農(nóng)業(yè)張力計行業(yè)調(diào)研及趨勢分析報告
- 2025-2030全球便攜式激光測風(fēng)雷達(dá)行業(yè)調(diào)研及趨勢分析報告
- 2025-2030全球軍用聚脲防護涂料行業(yè)調(diào)研及趨勢分析報告
- 2025-2030全球室溫固化環(huán)氧膠行業(yè)調(diào)研及趨勢分析報告
- 2025年全球及中國戰(zhàn)術(shù)靶標(biāo)系統(tǒng)行業(yè)頭部企業(yè)市場占有率及排名調(diào)研報告
- 硅礦開采合同書
- 股票期權(quán)協(xié)議書合同協(xié)議
- 個人房屋買賣合同協(xié)議書模板
- 鐵礦設(shè)備買賣合同
- 2025隧道施工合同
- 中職安全管理方案
- 百詞斬托福詞匯excel版本
- 高考寫作指導(dǎo)常見議論文論證方法知識梳理與舉例解析課件27張
- (完整word版)高中英語3500詞匯表
- 玻璃反應(yīng)釜安全操作及保養(yǎng)規(guī)程
- 高中英語新課標(biāo)詞匯表(附詞組)
- 2023年心理咨詢師之心理咨詢師基礎(chǔ)知識考試題庫附完整答案【有一套】
- 證券公司信用風(fēng)險和操作風(fēng)險管理理論和實踐中金公司
- 一級建造師繼續(xù)教育最全題庫及答案(新)
- 2022年高考湖南卷生物試題(含答案解析)
- GB/T 20909-2007鋼門窗
評論
0/150
提交評論