切换
垂直滚动 点击触发
- jquery 特效
- javascript 特效
- css 特效
- html5 特效
$("#testtab").tab({tabId:"#tabtag", //切换控制器的ID
tabTag:"li", //切换控制器标签
conId:"#tabcon", //内容容器ID
conTag:"div", //容器标签
act:"click", //点击触发 也可以不设置 默认就为click 设置为 mouseover则为划过
effact: "scrolly" //效果为纵向滚动
})
水平滚动 点击触发 设置起始显示序列
- jquery 特效
- javascript 特效
- css 特效
- html5 特效
$("#testtab2").tab({tabId:"#tabtag2", //切换控制器的ID
tabTag:"li", //切换控制器标签
conId:"#tabcon2", //内容容器ID
conTag:"div", //容器标签
act:"click", //点击触发 也可以不设置 默认就为click 设置为 mouseover则为划过
effact: "scrollx", //横向滚动效果
dft:2 //设置起始显示序列
})
无效果 自动切换
- jquery 特效
- javascript 特效
- css 特效
- html5 特效
$("#testtab3").tab({tabId:"#tabtag3",
tabTag:"li",
conId:"#tabcon3",
conTag:"div",
auto:true,
act:"mouseover"
})
“slow” 缓慢滚动效果
- jquery 特效
- javascript 特效
- css 特效
- html5 特效
$("#testtab4").tab({tabId:"#tabtag4",
tabTag:"li",
conId:"#tabcon4",
conTag:"div",
effact: "slow"
})
普通选项卡
- jquery 特效
- javascript 特效
- css 特效
- html5 特效
$("#testtab5").tab({tabId:"#tabtag5",
tabTag:"li",
conId:"#tabcon5",
conTag:"div"
})