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

jQuery页面滚动顶部固定tab选项卡切换代码-精品资源网
jQuery页面滚动顶部固定tab选项卡切换代码
此内容为免费资源,请登录后查看
0
免费资源

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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容