MovableTab 简单tab - 汀汀涔涔

MovableTab 简单tab

2016/02/28 jquery-plugin movable-tab tab

Movable Tab —— 简单tab，支持自动滑动。

Demo1:

tab11 tab12 tab13

tab11 content

tab12 content
tab12 content

tab13 content
tab13 content
tab13 content

Demo2:

tab21 tab22 tab23

tab21 content

tab22 content
tab22 content

tab23 content
tab23 content
tab23 content

Demo3:

tab31 tab32 tab33

tab31 content

tab32 content
tab32 content
tab32 content

tab33 content

Demo4:

tab41 tab42 tab43

tab41 content

tab42 content
tab42 content

tab43 content
tab43 content
tab43 content

Demo5:

tab41 tab42 tab43

tab51 content

tab52 content
tab52 content

tab53 content
tab53 content
tab53 content

options:

参数名	类型	默认值	说明
addStyle	boolean	true	是否自动添加样式
title	string	top	标题显示位置：top/bottom/none
titleWidth	number	null	每个tab title的宽度，超过tab总宽度时以总宽度取均值
width	number	null	tab宽度，包括边框、补白等
height	string	auto	tab高度(含title)，auto：各tab内容自身高；fix：所有tab为最大tab高；{num}：指定tab一致高度
height	string	auto	tab高度(含title)，auto：各tab内容自身高；fix：所有tab为最大tab高；{num}：指定tab一致高度
movable	boolean	false	切换时是否滑动动画，否则 display 显隐
type	string	linear	/滑动类型 linear easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic easeInOutCubic等
auto	boolean	false	/是否自动切换，movable为true则滑动切换

Directory