欢迎您  本站地址:   简单可自定义切换方式的jQuery选项卡代码-小库平台

小库平台

 找回密码
 立即注册
简单可自定义切换方式的jQuery选项卡代码-小库平台

小库平台

 找回密码
 立即注册
上一主题 下一主题

简单可自定义切换方式的jQuery选项卡代码

跳转到指定楼层
楼主
|只看大图 回帖奖励 |倒序浏览 |阅读模式

简单可自定义切换方式的jQuery选项卡代码,可批量,自定义当前显示,自定义事件,自定义切换方式及自动播放的tab选项卡插件。

js代码
<scriptsrc="js/jquery-1.8.3.min.js"></script>
<scriptsrc="js/tab.js"></script>
<script>
$(function(){/**
===========参数说明============
curDisplay:当前显示哪张
mouse:鼠标事件(click/over)
changeMethod:切换方式(default/vertical/horizontal/opacity)
autoPlay:自动播放(true/false)
*///多个元素同一个变化方式
/*$('.tab').each(function(){
$(this).tab({
curDisplay:5,
mouse:'over',
changeMethod:'vertical'
});
});*///多个元素不同变化方式(需要在HTML中加入js-tab)
$('[js-tab=1]').tab();$('[js-tab=2]').tab({
curDisplay:2,
changeMethod:'horizontal'
});});
</script>



下载
回复

使用道具 举报

小黑屋|小库平台

GMT+8, 2024-9-20 22:42 , Processed in 1.118373 second(s), 19 queries , Xcache On.

Powered by Discuz! 3.4

小库提示

扫描下方二维码,访问手机版。