jQuery多级无限级导航下拉菜单代码

yzch6671

14天前发布

033220

jQuery多级无限级导航下拉菜单代码

jQuery多级无限级导航下拉菜单代码是一款可智能判断有没有下级菜单列表的网站下拉菜单特效。

js代码

<script type=\"text/javascript\">
    $(document).ready(function() {
        $(\"ul.nav li\").hover(function(){
            $(this).addClass(\"on\");

        },
        function(){
            $(this).removeClass(\"on\");

        })
    });

    $(document).ready(function() {
        $(\"ul.nav li\").hover(function(){
            $(this).parent(\"ul\").siblings(\"h3\").addClass(\"choice\");

        },
        function(){
            $(this).parent(\"ul\").siblings(\"h3\").removeClass(\"choice\");
        })
    });

    $(document).ready(function() {       
            if ($(\"ul.nav li\").find(\"ul\") .html()!=\"\") {
                $(\"ul.nav li\").parent(\"ul\").siblings(\"h3\").append(\"<span class=\'sub\'></span>\");                
            }
    });
</script>

声明 1 本站名称：精品资源网
2 本站永久网址：http://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END