当前位置导航：炫浪网>>网络学院>>网页制作>>JavaScript教程

JS制作可折叠式导航菜单 - 栏目, 导航, menu, 菜单, 折叠, 伸缩(好用)

<html>
<head>
</head>
<title>用

        </ul>
    </div>

    <div class="menu_master" onclick="javascript:switchMenu(1, 4);">
        <img src="close.gif?http://www.xvna.com" alt="close" id="menu_master_1" /> (X)HTML/CSS
    </div>
    <div id="menu_sub_1" class="sub_menu">
        <ul>
            <li><a href="http://www.codebit.cn/pub/html/xhtml_css/tutorial/" title="(X)HTML/CSS教程">(X)HTML/CSS教程</a></li>

            <li><a href="http://www.codebit.cn/pub/html/xhtml_css/tip/" title="(X)HTML/CSS小技巧">(X)HTML/CSS小技巧</a></li>
        </ul>
    </div>

    <div class="menu_master" onclick="javascript:switchMenu(2, 4);">
        <img src="close.gif?http://www.xvna.com" alt="close" id="menu_master_2" /> Ajax
    </div>
    <div id="menu_sub_2" class="sub_menu">
        <ul>

            <li><a href="http://www.codebit.cn/pub/html/ajax/tutorial/" title="Ajax教程">Ajax教程</a></li>
            <li><a href="http://www.codebit.cn/pub/html/ajax/tip/" title="Ajax小技巧">Ajax小技巧</a></li>
        </ul>
    </div>

    <div class="menu_master" onclick="javascript:switchMenu(3, 4);">
        <img src="close.gif?http://www.xvna.com" alt="close" id="menu_master_3" /> Javascript
    </div>

    <div id="menu_sub_3" class="sub_menu">
        <ul>
            <li><a href="http://www.codebit.cn/pub/html/javascript/tutorial/" title="Javascript教程">Javascript教程</a></li>
            <li><a href="http://www.codebit.cn/pub/html/javascript/tip/" title="Javascript小技巧">Javascript小技巧</a></li>
        </ul>
    </div>

</div>

</body>
</html>

上一篇：Google发布JS开发工具 下一篇：使用JS开发的动态伸缩菜单
相关内容
[更多]
赞助商链接