jQuery tab选项卡切换+新闻列表内容切换代码

来源:https://www.sucaihuo.com/js/4743.html 2019-09-14 11:20浏览(847) 收藏

jQuery tab选项卡切换+新闻列表内容切换代码是一款网站比较常用的新闻资讯列表切换效果,图文布局效果也非常不错。
jQuery tab选项卡切换+新闻列表内容切换代码
查看演示 下载资源 下载积分: 30 积分

js代码

<script type="text/javascript">
	//tab切换		
	$('.tab-button').click(function() {
		var tab = $(this).data('tab')
		$(this).addClass('cur').siblings('.tab-button').removeClass('cur');
		$('#tab-' + tab + '').addClass('active').siblings('.tab-item').removeClass('active');
	});
	//新闻列表切换
	$('.information-tab .article-list').hover(function() {
		$(this).addClass('current').siblings('.article-list').removeClass('current');
	}, function() {
		$(this).parent('.information-right').find('.article-list:first-of-type').addClass('current').siblings('.article-list').removeClass('current');
	});
</script>
评论0
头像

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

1 2