jQuery选项卡插件i35tab(原创)

所属分类:媒体-Tabs

 14541  228  查看评论 (0)
分享到微信朋友圈
X
jQuery选项卡插件i35tab(原创) ie兼容10

发布时间:2019-07-08 22:44:24

 i35Tab

简介
基于 jQuery 的 Tab 选项卡

使用

// 引入基础依赖
<script src="./js/jquery-3.4.1.js"></script>
// 引入对应插件
<script src="./js/i35.min.js"></script>

第二步:初始化代码

// 添加到 body 的最后
$("body").i35Tab();

API

参数名类型是否必填默认值描述
titles array ["News", "Sports", "Education"] 标题
contentsarray ["News con...", "Sports con...", "Education ..."]内容
eventType stringclick 事件类型
delayTime number0eventType 为 mouseover 时才生效,节流时间
colorstring #6341a5主题颜色
effectstringdefault默认普通的显示/隐藏;支持 slide、fade
autoPlay boolean/numberfalse自动播放时间间隔
prevChangefunctionfunction() {}切换之前触发的回调
nextChangefunctionfunction() {}切换之后触发的回调
stylesobject...所有的样式配置必须写在次对象下面
wrapobject...外包裹
titleobject...标题包裹
titleItemobject...标题列表
titleItemFirstobject...第一个标题
contentobject...内容包裹
contentItemobject...内容列表
contentItemFirstobject...第一个内容


相关插件-Tabs

仿原生选项卡切换面板支持手势滑动

本插件是基于swiper插件进行封装的仿原生安卓ios的切换面板效果插件
  Tabs
 34865  439

jquery标签左右滚动内容

jquery标签左右滚动内容
  Tabs
 28667  350

适合手机、pad等移动终端的tab响应式切换效果

适合手机、pad等移动终端的tab响应式切换效果
  Tabs
 58985  507

基本jquery的菜单标签页选项插件(原创)

很容易将此插件集成到你的平台当中
  Tabs
 37003  404

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复