jQuery滑動選項卡tab標簽切換插件

來源:http://www.xdpitk.live/js/4428.html 2019-06-13 12:20瀏覽(359) 收藏

一款簡單的jQuery滑動選項卡tab標簽切換插件,比較常用的選項卡切換效果,很多網站都需要用到。支持點擊和懸停切換,默認可設置自動切換,有4種切換方式:默認無,滑動,上下滾動,淡出淡現。
jQuery滑動選項卡tab標簽切換插件
查看演示 下載資源: 15 下載資源 下載積分: 30 積分

js代碼

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/mt-tabpage.js"></script>
<script type="text/javascript">
$(function () {

	$('[js-tab=2]').tab({
		mouse: 'over',   //切換方式:over,click
		autoPlay: true,  //播放方式:false,true
		curDisplay: 1,     //當前第一個打開
		changeMethod: 'horizontal'  //切換選項:默認default,horizontal,vertical,opacity這4種方式
	});

	$('[js-tab=3]').tab({
		curDisplay: 2,
		changeMethod: 'horizontal'
	});
	
});
</script>
評論0
頭像

系統已開啟自動識別垃圾評論機制,識別到的自動封號,下載出錯或者資源有問題請聯系全棧客服QQ 416148489

1 2
重庆百变王牌app