Connect_logo_6.png 退出
前端視頻教程 小程序 眾籌源碼 python 商城源碼 商城模板 響應式模板 中文模板 手機模板 企業源碼
充值

jQuery頁面滾動頂部固定tab選項卡切換代碼

作者/代碼整理:  (轉載請附加本文地址,帶有“懶人原生”字樣的謝絕轉載) 發布日期:2018-07-04
這是一款美觀實用的jQuery頁面滾動頂部固定tab選項卡切換代碼,新聞列表導航選項卡切換插件。

新疆十一选五推荐号码推荐 www.tifwj.com

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>