注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

jQuery TAB选项卡自动切换插件

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-02-17
jQuery TAB选项卡自动切换插件
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>