jQuery页面滚动顶部固定tab选项卡菜单切换代码

来源:https://www.sucaihuo.com/js/3653.html 2018-04-28 11:47浏览(2841) 收藏

jQuery页面滚动顶部固定tab选项卡菜单切换代码是一款非常不错的新闻图文列表选项卡切换效果,最大的特点就是页面向下滚动时,tab导航菜单固定在网页顶部。
jQuery页面滚动顶部固定tab选项卡菜单切换代码
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript"> 
		//tab切换
        $(function(){
            $('.aui-nav-list-box ul li').click(function(){
                $(this).addClass('aui-current').siblings().removeClass('aui-current');
                $('.aui-nav-list-tab>div:eq('+$(this).index()+')').show().siblings().hide();
            })
        });

        //导航浮动
        $(function(){
            var _line=parseInt($(window).height()/3);
            $(window).scroll(function(){
                if ($(window).scrollTop()>60) {
                    $('.aui-nav-list-box').css({'position':'fixed','top':0})
                }else{
                    $('.aui-nav-list-box').css({'position':'','top':''})
                };
            });

        });
  </script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2