jQuery+bootstrap响应式二级下拉导航菜单代码-站长技术网

jQuery+bootstrap响应式二级下拉导航菜单代码

时间:2019-11-15 10:18:35 来源:网络收集作者:不详点击:次

源码授权：免费特效运行环境： jQuery 源码大小： 99 KB
普通会员
点击下载

jQuery+bootstrap响应式二级下拉导航菜单代码是一款非常简单实用的企业网站导航下拉菜单展开收缩特效，电脑端和移动端效果都不错。

js代码
<script>
        $(function(){
            //超过一定高度导航添加类名
            var nav=$("header"); //得到导航对象
            var win=$(window); //得到窗口对象
            var sc=$(document);//得到document文档对象。
            win.scroll(function(){
              if(sc.scrollTop()>=100){
                nav.addClass("on");
              }else{
               nav.removeClass("on");
              }
            })
            //移动端展开nav
            $('#navToggle').on('click',function(){
                $('.m_nav').addClass('open');
            })
            //关闭nav
            $('.m_nav .top .closed').on('click',function(){
                $('.m_nav').removeClass('open');
            })
            //二级导航移动端
            $(".m_nav .ul li").click(function() {
                $(this).children("div.dropdown_menu").slideToggle('slow')
                $(this).siblings('li').children('.dropdown_menu').slideUp('slow');
            });
        })
</script>