jQuery tab選項卡切換+新聞列表內容切換代碼

來源:http://www.nxriimxh.cn/js/4743.html 2019-09-14 11:20瀏覽(472) 收藏

jQuery tab選項卡切換+新聞列表內容切換代碼是一款網站比較常用的新聞資訊列表切換效果,圖文布局效果也非常不錯。
jQuery tab選項卡切換+新聞列表內容切換代碼
查看演示 下載資源: 14 下載資源 下載積分: 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 3007547952

1 2
机选七乐彩号码一注