发布时间: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