濮阳杆衣贸易有限公司

主頁 > 知識(shí)庫 > javascript css實(shí)現(xiàn)三級目錄(簡單的)

javascript css實(shí)現(xiàn)三級目錄(簡單的)

熱門標(biāo)簽:電銷機(jī)器人教育 河北智能外呼系統(tǒng)軟件 伊春外呼業(yè)務(wù)系統(tǒng) 宜賓語音外呼系統(tǒng)軟件 綿陽防封電銷卡價(jià)格 調(diào)度系統(tǒng)外呼 中國辦理電信400電話 福建外呼增值業(yè)務(wù)線路 電銷機(jī)器人源碼網(wǎng)盤下載

是在原先的二級目錄改的,先給出演示

這里是css

/*bg macji(http://www.macji.com)*/ 
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} 

/*一級*/ 
.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.macji.com/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} 

/*二級*/ 
.menu2{} 
.menu2 li{line-height:22px} 
.menu2 a{color:#000; 
 text-decoration:none; 
 display:block; 
 padding:0 0 0 40px; 
 background:url(http://www.macji.com/blog/img/icon.gif) no-repeat 18px 4px 
} 
.menu2 a.on{background-position:18px -18px} 

/*三級*/ 
.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)的,我給寫死了.下面給出js

/* 
這里是直接寫死了,根據(jù)傳入的id編號,判斷是否顯示,不顯示就顯示 
id編號是有規(guī)律的,可用服務(wù)器端語言循環(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 = “”; 
 } 
}

演示查看


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • python實(shí)現(xiàn)樹形打印目錄結(jié)構(gòu)
  • vuejs使用遞歸組件實(shí)現(xiàn)樹形目錄的方法
  • BootStrap實(shí)現(xiàn)樹形目錄組件代碼詳解
  • Java遍歷輸出指定目錄、樹形結(jié)構(gòu)所有文件包括子目錄下的文件
  • jquery實(shí)現(xiàn)的樹形目錄實(shí)例
  • asp.net 獲取指定文件夾下所有子目錄及文件(樹形)

標(biāo)簽:新鄉(xiāng) 延邊 銅川 那曲 電商邀評 優(yōu)質(zhì)小號 河池 蘇州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《javascript css實(shí)現(xiàn)三級目錄(簡單的)》,本文關(guān)鍵詞  javascript,css,實(shí)現(xiàn),三級,目錄,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《javascript css實(shí)現(xiàn)三級目錄(簡單的)》相關(guān)的同類信息!
  • 本頁收集關(guān)于javascript css實(shí)現(xiàn)三級目錄(簡單的)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    汝阳县| 南康市| 新绛县| 自治县| 阿拉善左旗| 乌鲁木齐市| 镇远县| 疏勒县| 伽师县| 恩施市| 贵阳市| 罗源县| 鹤岗市| 沐川县| 金华市| 香格里拉县| 南溪县| 萍乡市| 丘北县| 木里| 大港区| 大悟县| 黄陵县| 图片| 喀喇| 马边| 闻喜县| 塘沽区| 乌兰浩特市| 德兴市| 林甸县| 察隅县| 郓城县| 南昌市| 沿河| 广西| 屏南县| 锦屏县| 枣庄市| 利川市| 红河县|