参数说明

参数说明默认值
type 采用什么形式展示内容div(default/slide/fade/scroll) default
activetype 激活状态的动态(background或者其他),不是background值的话默认就是下划线切换 background
index 默认显示第几个 0
auto 是否自动切换 false
fun 切换触发方式(click/mouseover) click
说明:例子中内容div并不全,实际使用中补齐即可,右侧的更多的href可以开始的时候默认一个,以后每次事件触发会自动获取当前的a的href值,页面有多个切换的话直接用同一个样式调用一次即可全部可切换,多个切换需要配置不同的切换样式就需要分开配置,不需要父栏目名字的可以去掉切换的第一个span标签,如例子。mouseover下条目过多也不会自动移动,为了加快响应速度每次移动会缓存数据,所以如果你通过缩放窗口测试自适应可能需要刷新一下浏览器,可以在传参中利用callback:function(res){}来接收当前切换的目标(一个jquery对象).
纵向切换的jk-vertabwrap包裹层只是默认的布局,实际可以根据自己的需求布局
最新版支持切换页和内容页分开布局(既不用套在一起),只需要添加一个jktab属性能让插件对应得到目标即可,这样就使得tab选项卡能做更多的布局,比如你可以不要下面的切换内容,只要上面的切换标签做一个可以移动的导航等等
> 如果不指定jktab属性,切换的内容页就是找对应切换标签的.next(".jk-tabcontent")

默认调用实例

配置显示第2个,自动切换,下划线

TAB1内容
TAB2内容
TAB3内容
TAB4内容
TAB5内容

嵌套切换

TAB1内容
TAB2内容
TAB3内容
内层TAB1内容
内层TAB2内容
内层TAB3内容
内层TAB4内容
内层TAB5内容
TAB5内容

靠右切换(追加jk-tabright类)

TAB1内容
TAB2内容
TAB3内容
TAB4内容

点切换(加类jk-dottab),此例子没有指定jktab属性

TAB1内容
TAB2内容
TAB3内容
TAB4内容

条形切换(加类jk-codetab)

TAB1内容
TAB2内容
TAB3内容
TAB4内容

纵向切换例子

纵向嵌套切换

TAB1内容
内层TAB1内容
内层TAB2内容
内层TAB3内容
内层TAB4内容
TAB3内容
TAB4内容

横纵嵌套(2个切换一次调用)

TAB2内容
TAB3内容
TAB4内容
TAB2内容
TAB3内容
TAB4内容