实例1、上下滑动选项卡切换

实例2、左右滑动选项卡切换

实例3、淡隐淡现选项卡切换

实例4、默认选项卡切换

应用说明:
* 应用对象必须为标签按钮的直接父元素,且父元素内不包含其他非按钮元素
* example:
$( ".menus_wrap" ).tabso({
	cntSelect:".content_wrap",
	tabEvent:"mouseover" 
});
* cntSelect:内容块的直接父元素的 jq 选择器
* tabEvent:触发事件名
* tabStyle:切换方式。可取值:"normal" "fade" "move" "move-fade" "move-animate"
* direction:移动方向。可取值:"left" "top" (tabStyle为"move"或"move-fade" "move-animate"时有效)
* aniMethod:动画方法(特殊效果需插件(如:easing)支持,tabStyle为"move-animate"时有效)
* aniSpeed:动画速度
* onStyle:菜单选中样式名
下载代码说明
X关闭

jquery选项卡插件多种tab标签切换效果

这些年,tab标签已经成为各大网站常用的网页特效,各种小效果层出不断,今天特意将多种切换效果集中在一起,制作多种选项卡切换:上下滑动选项卡切换、左右滑动选项卡切换、淡隐淡现选项卡切换等多款选项卡切换效果。