jQuery滑动选项卡tab标签切换插件

来源:https://www.sucaihuo.com/js/4428.html 2019-06-13 12:20浏览(387) 收藏

一款简单的jQuery滑动选项卡tab标签切换插件,比较常用的选项卡切换效果,很多网站都需要用到。支持点击和悬停切换,默认可设置自动切换,有4种切换方式:默认无,滑动,上下滚动,淡出淡现。
jQuery滑动选项卡tab标签切换插件
查看演示 下载资源: 16 下载资源 下载积分: 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 3007547952

1 2