是在原先的二級(jí)目錄改的,先給出演示
這里是css
/*bg macji(http://www.zmynmublwnt.cn)*/ ul,li,p{margin:0; padding:0; list-style:none; font-size:12px} .m_menu_title{height:24px;line-height:24px;text-align:center;margin:0 1px} .m_menu_content{border-top:solid 1px #ccc;padding:8px 2px} /*一級(jí)*/ .m_menu_content p{height:22px;line-height:22px} .m_menu_content p a{ color:#666633; font-weight:bold; text-decoration:none; background:url(http://www.zmynmublwnt.cn/blog/img/icon.gif) no-repeat 8px 4px; padding:0 0 0 30px; display:block } .m_menu_content p a:hover{color:#fe8005;font-weight:bold;text-decoration:none} .m_menu_content p a.on{background-position:8px -18px} /*二級(jí)*/ .menu2{} .menu2 li{line-height:22px} .menu2 a{color:#000; text-decoration:none; display:block; padding:0 0 0 40px; background:url(http://www.zmynmublwnt.cn/blog/img/icon.gif) no-repeat 18px 4px } .menu2 a.on{background-position:18px -18px} /*三級(jí)*/ .menu2 ul{} .menu2 ul a{ background-position:30px -39px; padding:0 0 0 50px; color:#666633; text-decoration:underline } .menu2 ul a:hover{background-color:#f5f5f5; color:#f60}
目錄是循環(huán)的,我給寫(xiě)死了.下面給出js
/* 這里是直接寫(xiě)死了,根據(jù)傳入的id編號(hào),判斷是否顯示,不顯示就顯示 id編號(hào)是有規(guī)律的,可用服務(wù)器端語(yǔ)言循環(huán)出目錄 */ function setMenuList(num){ var p = document.getElementById('p' + num); var ul = document.getElementById('ul' + num); if(ul.style.display == ‘none'){ ul.style.display = ”; p.className = “on”; }else{ ul.style.display = ‘none'; p.className = “”; } }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持服務(wù)器之家。