JavaScript+CSS无限极分类代码

CSS

}

JavaScript

}

HTML

<!--CNLTreeMenu Start:-->
<div class="CNLTreeMenu" id="CNLTreeMenu1">
<h4>CNL Tree Menu1</h4>
<p><a id="AllOpen_1" href="#" onclick="MyCNLTreeMenu1.SetNodes(0);Hd(this);Sw('AllClose_1');">全部展开</a><a id="AllClose_1" href="#" onclick="MyCNLTreeMenu1.SetNodes(1);Hd(this);Sw('AllOpen_1');" style="display:none;">全部折叠</a></p>
<ul>
  <li class="Opened"><a href="http://www.iecn.net">IECN.Net</a>
  <ul>
    <li><a href="#1">技术区</a>
      <ul>
       <li><a href="#">网页技术</a>
        <ul>
         <li class="Child"><a href="#">JavaScript</a></li><!--Child Node-->
         <li class="Child"><a href="#">HTML/XHTML/CSS</a></li>
         <li class="Child"><a href="#">Ajax</a></li>
         <li class="Child"><a href="#">网页制作工具</a></li>
         <li class="Child"><a href="#">设计/图形</a></li>
         <li class="Child"><a href="#">Flash/多媒体</a></li>
         <li class="Child"><a href="#">VML/Web3D</a></li>
        </ul></li><!--Sub Node 3-->
       <li><a href="#">Web编程</a>
        <ul>
         <li class="Child"><a href="#">Java</a></li><!--Child Node-->
         <li class="Child"><a href="#">.Net</a></li>
         <li class="Child"><a href="#">ASP/VBScript</a></li>
         <li class="Child"><a href="#">PHP</a></li>
         <li class="Child"><a href="#">Perl/Python</a></li>
         <li class="Child"><a href="#">Web综合/开源</a></li>
        </ul></li><!--Sub Node 3-->
       <li><a href="#">数据库</a>
        <ul>
         <li class="Child"><a href="#">Access/SQLServer</a></li><!--Child Node-->
         <li class="Child"><a href="#">MySQL/PostgreSQL</a></li>
         <li class="Child"><a href="#">Oracle/DB2/Sybase</a></li>
        </ul></li><!--Sub Node 3-->
       <li><a href="#">服务器</a>
        <ul>
         <li class="Child"><a href="#">Windows/IIS</a></li><!--Child Node-->
         <li class="Child"><a href="#">Unix/Linux/Apache</a></li>
         <li class="Child"><a href="#">应用服务器</a></li>
        </ul></li><!--Sub Node 3-->
     </ul></li><!--Sub Node 2-->
    <li><a href="#1">二级目录</a>
      <ul>
       <li><a href="#">三级目录</a>
        <ul>
         <li><a href="#">四级目录</a>
          <ul>
           <li><a href="#">五级目录</a>
            <ul>
             <li><a href="#"></a>
              <ul>
               <li><a href="#">第n级目录</a>
                 <ul>
                   <li class="Child"><a href="#">叶结点1</a></li><!--Child Node-->
                   <li class="Child"><a href="#">叶结点2</a></li>
                   <li class="Child"><a href="#">叶结点3</a></li>
                   </ul></li><!--Sub Node n -->
              </ul></li><!--Sub Node 6 -->
            </ul></li><!--Sub Node 5 -->
          </ul></li><!--Sub Node 4-->
        </ul></li><!--Sub Node 3-->
     </ul></li><!--Sub Node 2-->
    <li><a href="#1">二级目录</a>
      <ul>
       <li><a href="#">三级目录</a>
        <ul>
         <li><a href="#">四级目录</a>
          <ul>
           <li><a href="#">五级目录</a>
            <ul>
             <li><a href="#"></a>
              <ul>
               <li><a href="#">第n级目录</a>
                 <ul>
                   <li class="Child"><a href="#">叶结点1</a></li><!--Child Node-->
                   <li class="Child"><a href="#">叶结点2</a></li>
                   <li class="Child"><a href="#">叶结点3</a></li>
                   </ul></li><!--Sub Node n -->
              </ul></li><!--Sub Node 6 -->
            </ul></li><!--Sub Node 5 -->
          </ul></li><!--Sub Node 4-->
        </ul></li><!--Sub Node 3-->
     </ul></li><!--Sub Node 2-->
  </ul></li><!--Sub Node 1 -->
</ul>
</div><!-- CNLTreeMenu -->
<!--CNLTreeMenu1 End!-->