• Connect_logo_6.png 退出
    前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
    充值

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

    作者/代码整理:  (转载请附加本文地址,带?#23567;?#25042;人原生”字样的谢绝转载) 发布日期:2018-07-04
    这是一款美观实用的jQuery页面滚动顶部固定tab选项卡切换代码,新闻列表导航选项卡切换插件。


    js代码

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <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>
    

    北京11选5app下载