csdn 左侧 菜单是怎么实现

http://community.csdn.net/Tree/tree.htm
http://www.meizz.com/Web/Article/211/436.htm
研究一下它的源代码

解决方案 »

  1.   

    <!--
    这个导航树是在CSDN网友“meizz”提供的MzTreeView1.0基础上修改而来。
    MzTreeView1.0 可以在 http://www.meizz.com/Web/Article/211/436.htm 获得。
    //-->
    <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=gb2312">
        <meta http-equiv="pragma" content="no-cache">
        <meta content="f.r.huang(meizz梅花雪)//www.meizz.com" name="author">
        <script language="javascript" src="/tree/mztreeview10.js"></script>
        <script language="javascript" src="/tree/TreeNodeData/begin.js"></script>
        <script language="javascript"">
        <!--
        function dodo()
        {
            ExpandNode('1_9009');
            ExpandNode('9009_53');
        }
        
        function ExpandNode(iid)
        {
            if( document.body.readyState != "complete" )
            {
                setTimeout("ExpandNode('"+iid+"')",2);
                return;
            }
            var i = 0;
            if(tree.nodes[iid])
            {
                i = tree.nodes[iid];
                if(i > 0)
                {
                    tree.expand(i,true);
                    tree.focus(i);
                }
            }
            else
            {
                setTimeout("ExpandNode('"+iid+"')",10);
                return;
            }
        }
        //-->
        </script>
        <title>CSDN树型菜单测试</title>
        <style>
        A:LINK, A:VISITED, A:ACTIVE, A:HOVER
        {
          color: #000000;
          font-size: 13px;
          padding-left: 3px;
          TEXT-DECORATION: NONE;
          font-family: Tahoma,Verdana,宋体,Fixedsys;
        }
        SPAN
        {
          font-family: Tahoma,Verdana,宋体,Fixedsys;
        }
        
        
        </style>
    </head>
    <body text="#000000" vlink="#5493b4" link="#003fb7" bgcolor="#e5e5e5">
        <div id="treeviewarea">
        </div>    <script language="javascript">
        <!--
        var tree = new MzTreeView("tree");
        tree.setIconPath("/Tree/TreeImages/");
        tree.url = "/Expert/ForumList.asp?typenum=1";
        tree.target = "ContentFrame";
        tree.nodeFilePath = "/Tree/TreeNodeData/";
        InitShowTreeInfo(tree);
        document.getElementById('treeviewarea').innerHTML = tree.toString();
        //-->
        </script></body>
    </html>
      

  2.   

    meizz 的看了 都头痛，还是自己用js 吧。好在 自己的菜单级数不多