The CSS tree menu written for the first time is relatively simple, only the level-2 Directory, JavaScript CodeThere are less than 10 lines in total, mainly implemented by the Inclusion Method in CSS.
Demo address:
(1) http://www.cnlei.org/mycode/csstreemenu/index.html
(2) http://cnlei.iecn.net/mycode/csstreemenu/index.html
Download link:
(1) http://www.cnlei.org/mycode/csstreemenu/csstreemenu.rar
(2) http://cnlei.iecn.net/mycode/csstreemenu/csstreemenu.rar
On the basis of the first write, it is improved to an infinitely level and named:CNL tree menu
1. "CNL tree menu" is an infinite tree type and compatible with the following browsers: ie5.0 +, ff1.06 +, opera8.5 + ......
2. html, CSS, and JavaScript code are separated from each other (that is, Data, style, and script are separated), which can be applied to various occasions for easy maintenance and modification. To change the tree icon, you only need to modify the CSS file.
3. Passed W3C validation (XHtml1-Strict, css1.0 ).
Demo address:
(1) http://www.cnlei.org/mycode/CNLTreeMenu/Ver1.0.2/index.html
(2) http://cnlei.iecn.net/mycode/CNLTreeMenu/Ver1.0.2/index.html
Download link:
(1) http://www.cnlei.org/mycode/CNLTreeMenu/CNLTreeMenuVer1.0.2.rar
(2) http://cnlei.iecn.net/mycode/CNLTreeMenu/CNLTreeMenuVer1.0.2.rar