切换

垂直滚动 点击触发

    $("#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 //设置起始显示序列
	})
    

无效果 自动切换

    $("#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"
	})	
    

普通选项卡

    $("#testtab5").tab({tabId:"#tabtag5",
	tabTag:"li",
	conId:"#tabcon5",
	conTag:"div"
	})	
    


基于jquery 选项卡插件jquery tab选项卡支持垂直选项卡滚动、水平选项卡滚动、自动选项卡切换等 来自:jsfoot.com  整理:好玩吧

转载请注明出处。 本代码仅限于学习交流,请勿用于商业用途!