这款jQuery制作TAB标签选项卡点击切换和自动切换插件,十分简单好用,支持点击和悬停切换,有多种切换动画过渡方式可设置。
使用方法:
<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>
效果截图: