jquery多级下拉菜单插件

  居于jquery框架的网站多级下拉菜单插件,融合了jquery.color.js,jquery.lavalamp.js,jquery.easing.js 这3个插件,效果如下图

jquery多级下拉菜单插件

<link rel="Stylesheet" type="text/css" href="/menu/menu.css" />
<style>body{background:#999}</style>
<div id="menu">
    <ul class="menu">
        <li>
            <a href="#" class="parent"><span>level 1_1</span></a>
            <ul>
                <li>
                    <a href="#" class="parent"><span>level 2_1</span></a>
                    <ul>
                        <li><a href="#"><span>level 3_1</span></a></li>
                        <li>
                            <a href="#" class="parent"><span>level 3_2</span></a>
                            <ul>
                                <li><a href="#"><span>level 3_2_1</span></a></li>
                                <li>
                                    <a href="#" class="parent"><span>level 3_2_2</span></a>
                                    <ul>
                                        <li><a href="#"><span>level 3_2_2_1</span></a></li>
                                        <li>
                                            <a href="#"><span>level 3_2_2_2</span></a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <a href="#"><span>level 1_2</span></a>
            <ul>
                <li><a href="#">level 1_2_1</a></li>
                <li><a href="#">level 1_2_2</a></li>
            </ul>
        </li>
        <li class="last"><a href="#"><span>level 1_3</span></a></li>
    </ul>
</div>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/menu/menu.js"></script>

jquery多级下拉菜单插件压缩包下载:jquery.menu.rar

加支付宝好友偷能量挖...


原创文章,转载请注明出处:jquery多级下拉菜单插件

评论(0)Web开发网
阅读(363)喜欢(1)JavaScript/Ajax开发技巧