jQuery.Huitab.js 已封装
H-ui.js 中已封装,无需单独下载。单独下载地址 jQuery.Huitab.js
jQuery.Huitab是一个用js编写的jQuery插件,实现选项卡效果。
使用方法
1、jQuery.Huitab.js依赖jQuery或者zepto.js。
js调用
$("#HuiTab-demo1").Huitab({ index:0 }); $("#HuiTab-demo2").Huitab({ index:2 }); $("#HuiTab-demo3").Huitab({ tabEvent:"mousemove", index:0 });
demo效果
选项卡一
选项卡二
自适应宽度
内容一
内容二
内容三
选项卡一
选项卡二
自适应宽度
内容一
内容二
内容三
选项卡一
选项卡二
自适应宽度
内容一
内容二
内容三
相关参数
属性 | 默认值 | 描述 | 备注 |
---|---|---|---|
tabBar | '.tabBar span' | 触发区域 | |
tabCon | ".tabCon" | 主体区域 | |
className | "current" | 切换时追加的样式 | |
tabEvent | "click" | 触发事件 | 可以换成mousemove |
index | 0 | 默认第一个为打开 | 默认当前状态索引(从0开始) |
推荐课程