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

作者 : 小刺猬 本文共612个字,预计阅读时间需要2分钟 发布时间: 2020-07-30 共84人阅读

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>
VIP免费 永久VIP免费

已有0人支付


刺猬源码 » jQuery多级无限级导航下拉菜单代码

刺猬QQ交流群号多少?
363432

发表评论