如何使用純CSS技術實現一個可折疊樹形(Tree)菜單

jopen 13年前發布 | 30K 次閱讀 CSS

樹形控件我們經常使用,然而構建一個樹形控件大部分需要使用JavaScript技術。今天將介紹了個如何使用純CSS來創建一個可折疊樹形(Tree)菜單(Pure CSS Collapsible Tree Menu)。

經測試,它可以很好得工作在支持CSS3 selector特性的瀏覽器中。包括Firefox 1+, Opera 9.6+, Safari 4+, iPhone/iPod Safari, Chrome 1+, Android and IE9+等。

可以利用它來創建無限級目錄和子目錄。

此外還可以查一些基于JavaScript的樹形控件Fully Interactive jQuery File Tree, Javascript Treeview Component, Treeview jQuery Plugin

pure-css-tree-menu
示例: http://www.thecssninja.com/css/css-tree-menu

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!