創作內容

0 GP

[html+js+css]無限階層分類 樹狀展開

作者:maou│2012-04-12 00:57:53│巴幣:0│人氣:1430
在很多網頁上看到分類的連結得用跳轉頁面的方式展開

想想這樣等待很浪費時間

就乾脆利用JS做一個像WINDOWS那樣的資料夾展開方式

一開始在構想時,完成的方法有很多種,一直在摸索哪種比較好,花了許多時間

最後利用CSS遇高會自動增加的特性,寫出來這種很簡單的方法


概念很簡單


主分類->  子分類 ,
主分類 -> 子分類
子分類,
主分類-> 子分類,
主分類 ->  子分類

以此類推

再來就是利用給予階層參數,以及判斷是否底下有子分類

以此循環

詳細說明請到網誌觀看


目前用google Chrome, IE9, IE8 測試都正常

如有發現BUG,麻煩幫忙告知一下,謝謝


引用網址:https://home.gamer.com.tw/TrackBack.php?sn=1577856
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:html|css|js|分類

留言共 0 篇留言

我要留言提醒:您尚未登入,請先登入再留言

喜歡★masaki311 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:噗呼,咖米撒罵,一天請給... 後一篇:[flash] 360度...

追蹤私訊切換新版閱覽

作品資料夾

shan790126a86189642
膜拜會長看更多我要大聲說23小時前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】