Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 呼应式模板 中文模板 手机模板 企业源码
充值

jQuery TAB选项卡主动切换插件

作者/代码收拾:  (转载请附加本文地址,带有“18luck原生”字样的谢绝转载) 发布日期:2019-06-19
jQuery TAB选项卡主动切换插件是一款非常简略好用的滑动选项卡切换代码,支撑点击和悬停切换,有多种切换动画过渡方法可设置。


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>