jQuery制作TAB标签选项卡点击切换和自动切换插件

92建站   2023-03-01   收藏本文
TAB标签自动切换

特效编号:C61

编码格式:UTF8

布局形式:响应式

下载对象:积分会员(免费送)

腾讯云1折起 个性化网站定制 ChatGPT账号 30元

这款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>

效果截图:

TAB标签自动切换

TAG标签: TAB标签自动切换

商用网站源码

免责声明:本资源仅供研究/学习使用,商用请找版权人;严禁用于违法犯罪活动,一切后果自负;若侵权请联系客服删除。
展开