第一次寫的CSS樹形菜單比較簡單，只有二級目錄，javascript代碼總共不到十行，主要是靠CSS中的包含寫法來實現(xiàn)的。
演示地址：
（1）http://www.cnlei.org/mycode/csstreemenu/index.html
（2）http://cnlei.iecn.net/mycode/csstreemenu/index.html
下載鏈接：
（1）http://www.cnlei.org/mycode/csstreemenu/csstreemenu.rar
（2）http://cnlei.iecn.net/mycode/csstreemenu/csstreemenu.rar

在第一次寫的基礎上改進成了無限級了，并取名為：CNL Tree Menu
1."CNL Tree Menu"為無限級樹形，兼容以下版本的瀏覽器：IE5.0+, FF1.06+, Opera8.5+ ……
2.HTML,CSS,JavaScript代碼相互分離(即數(shù)據(jù)，風格，腳本三者分離)，可應用于多種場合，易于維護修改；更換樹形圖標，只需要修改CSS文件.
3.通過W3C校驗(XHtml1-Strict,CSS1.0).
演示地址：
（1）http://www.cnlei.org/mycode/CNLTreeMenu/Ver1.0.2/index.html
（2）http://cnlei.iecn.net/mycode/CNLTreeMenu/Ver1.0.2/index.html
下載鏈接：
（1）http://www.cnlei.org/mycode/CNLTreeMenu/CNLTreeMenuVer1.0.2.rar
（2）http://cnlei.iecn.net/mycode/CNLTreeMenu/CNLTreeMenuVer1.0.2.rar

您可能感興趣的文章:

以前寫的兩個CSS樹形菜單

js開發(fā)中的頁面、屏幕、瀏覽器的位置原理（高度寬度）說明講解（附圖）
前端js開發(fā)中我們常遇到對頁面、屏幕、瀏覽器寬高和位置的獲取問題，有時間查到了js的實現(xiàn)代碼，但是不知道為什么。本篇圖文并茂講解Web環(huán)境中屏幕、瀏覽器及頁面的高度、寬度信息。
2023-02-02
CSS頂級技巧大放送，div+css布局必知
最近給所有的CSSer提出了一些寫CSS時候的“頂級技巧”。好多css使用技巧包括css縮寫，一行內聲明css，分塊書寫代碼等實用技巧
2008-04-04
使用text-align:justify實現(xiàn)兩端對齊一例
使用text-align:justify實現(xiàn)兩端對齊一例...
2007-09-09
創(chuàng)建無表格網站的原因和原則譯文
創(chuàng)建無表格網站的原因和原則譯文...
2007-03-03
firefox margin-top失效的原因與解決辦法
最近發(fā)現(xiàn)好多用margin-top實現(xiàn)的，上邊距效果一直沒有，一直都不知道什么原因，今天偶然看到了，特分享給大家
2008-11-11
XHTML標簽的自關閉寫法的壞處分析
我們都知道XHTML里面的img標記應該這樣寫：<img alt="" src="" />，這種寫法也就是所謂的自關閉，在XML中是完全合法的寫法。
2008-09-09
CSS之少用繼承，多用組合
繼承是 css中經常要用到的技術，好處是可以盡量讓頁面的代碼減少重復利用，但是隨時項目越來越大，需求的不斷變化，css代碼就會變得越來越臃腫，后期難以控制和維護。其實，css代碼和普通程序代碼在編寫的時候有很多的相似之處，下面我們就用試試用組合的方式是不是能更好的解決這個問題。
2008-11-11
iframe transparent透明背景方法
不錯的使iframe透明的方法不用每次都要改iframe里的背景顏色了
2008-08-08
CSS文字截取功能實現(xiàn)代碼
用css來實現(xiàn)自動截取文字，不需要后臺程序和JS的使用。
2008-06-06
HTML5實戰(zhàn)與剖析之觸摸事件(touchstart、touchmove和touchend)
本文主要介紹HTML5實戰(zhàn)與剖析之觸摸事件，介紹的比較詳細，需要的朋友可以參考下。
2016-06-06