国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js實現超簡單的展開、折疊目錄代碼

2019-11-20 11:39:06
字體:
來源:轉載
供稿:網友

本文實例講述了js實現超簡單的展開、折疊目錄代碼。分享給大家供大家參考。具體如下:

這里介紹一款超簡單的目錄,展開菜單代碼,鼠標點擊即可展開,再次點擊即可合攏,類似樹形菜單的功能,網上見過很多,不多做介紹了,歡迎參考。

運行效果截圖如下:

在線演示地址如下:

http://demo.VeVB.COm/js/2015/js-show-hidden-list-menu-codes/

具體代碼如下:

<title>可折疊展開的簡單目錄</title><style>div{font-size:12px;color:red;background-color: #EAEAE8;border: 1 solid #1892B5;padding: 1}</style><div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" > + 主目錄1</div> <div id="child1" style="display:none"> <a href="#">- 子目錄1</a> <br> <a href="#">- 子目錄2</a> <br> <a href="#">- 子目錄3</a> <br> <a href="#">- 子目錄4</a> </div> <div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'" > + 主目錄2 </div> <div id="child2" style="display:none"> <a href="#">- 子目錄1</a> <br> <a href="#">- 子目錄2</a> <br> <a href="#">- 子目錄3</a> </div>

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 海原县| 梁山县| 天祝| 门头沟区| 鄂伦春自治旗| 桐梓县| 沁源县| 兰西县| 嵊泗县| 凯里市| 霞浦县| 井冈山市| 常州市| 江北区| 孟连| 丰台区| 雷波县| 堆龙德庆县| 郴州市| 渑池县| 大埔县| 江西省| 龙山县| 宣化县| 巫溪县| 上饶县| 黔南| 寿宁县| 墨脱县| 岢岚县| 贵定县| 宁强县| 怀远县| 长沙县| 长寿区| 临桂县| 四平市| 乌兰县| 五大连池市| 太谷县| 陇川县|