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开始)