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

作者 : 小刺猬 本文共670个字,预计阅读时间需要2分钟 发布时间: 2020-08-7 共639人阅读

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

这是一款美观实用的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>
VIP免费 永久VIP免费

已有0人支付


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

刺猬QQ交流群号多少?
363432
刺猬官方有技术支持吗?
有的,但技术支持是有偿服务哦,咨询右下角的在线客服吧!
下载的资源不能使用怎么办?
如果在本站下载的资源不能使用,一经确认可以联系在线客服退款。

发表评论

刺猬源码网,累计帮助1000+用户成功建站,为草根创业提供助力!

立即查看 了解详情