发布时间:2019-07-08 22:44:24
简介
基于 jQuery 的 Tab 选项卡
使用
1 2 3 4 | // 引入基础依赖<script src="./js/jquery-3.4.1.js"></script>// 引入对应插件<script src="./js/i35.min.js"></script> |
第二步:初始化代码
1 2 | // 添加到 body 的最后$("body").i35Tab(); |
API
| 参数名 | 类型 | 是否必填 | 默认值 | 描述 |
| titles | array | 否 | ["News", "Sports", "Education"] | 标题 |
| contents | array | 否 | ["News con...", "Sports con...", "Education ..."] | 内容 |
| eventType | string | 否 | click | 事件类型 |
| delayTime | number | 否 | 0 | eventType 为 mouseover 时才生效,节流时间 |
| color | string | 否 | #6341a5 | 主题颜色 |
| effect | string | 否 | default | 默认普通的显示/隐藏;支持 slide、fade |
| autoPlay | boolean/number | 否 | false | 自动播放时间间隔 |
| prevChange | function | 否 | function() {} | 切换之前触发的回调 |
| nextChange | function | 否 | function() {} | 切换之后触发的回调 |
| styles | object | 否 | ... | 所有的样式配置必须写在次对象下面 |
| wrap | object | 否 | ... | 外包裹 |
| title | object | 否 | ... | 标题包裹 |
| titleItem | object | 否 | ... | 标题列表 |
| titleItemFirst | object | 否 | ... | 第一个标题 |
| content | object | 否 | ... | 内容包裹 |
| contentItem | object | 否 | ... | 内容列表 |
| contentItemFirst | object | 否 | ... | 第一个内容 |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com