首页 > 导航菜单特效 / jquery特效插件 / > jquery插件可以上下左右控制tab选项卡特效

jquery插件可以上下左右控制tab选项卡特效

点击: 4168 , 发布日期: 2012-3-31
jquery插件可以上下左右控制tab选项卡特效

jquery插件可以上下左右控制tab选项卡特效

jquery插件之tab选项卡特效,当选项卡数量超过一定数量时会出现左右的滚动按钮,有二个展示方式供你使用分别的水平与垂直,是一个很不错的jquery插件。

参数说明:

OptionPropertiesDescription
autoplayboolean - Default: falseEnable or disable auto playing. Set to true or false.
autoplayClickStopboolean - Default: falseDisable autoplay on tab click. Set to true or false.
autoplayIntervalinteger - Default: 4000Set the time between each autoplay interval (set the time in milliseconds; 1sec = 1000ms).
autoHeightboolean - Default: falseEnable or disable auto height adjusting for the content. Set to true or false.
autoHeightTimeinteger - Default: 0Set animation time for when the content container's height resizes (set the time in milliseconds; 1sec = 1000ms).
buttonsFunctionstring - Default: 'slide'Specify if the directional buttons should click or slide through the tabs. Set to 'click' or 'slide'.
classBtnDisabledstring - Default: 'st_btn_disabled'The CSS class added to the prev/next buttons when they are unable to be clicked.
classBtnNextstring - Default: 'st_next'The CSS class used for the next-tab button.
classBtnPrevstring - Default: 'st_prev'The CSS class used for the previous-tab button.
classExtLinkstring - Default: 'st_ext'The CSS class used for the external tab-links.
classTabstring - Default: 'st_tab'The CSS class used for the tabs.
classTabActivestring - Default: 'st_tab_active'The CSS class used for the active/highlighted tab.
classTabsContainerstring - Default: 'st_tabs_container'The CSS class used for the tabs container div element.
classTabsListstring - Default: 'st_tabs'The CSS class used for the tabs unordered list element.
classViewstring - Default: 'st_view'The CSS class used for the content's slide container div element.
classViewActivestring - Default: 'st_active_view'The CSS class used for the active-view div element.
classViewContainerstring - Default: 'st_view_container'The CSS class used for the content's container div element.
contentAnimstring - Default: 'slideH'Animation for the content. 'fade', 'fadeOutIn', 'slideH' or 'slideV'. Leave empty '' for no animation.
contentAnimTimeinteger - Default: 600Content sliding/fading animation time in milliseconds (1sec = 1000ms).
contentEasingstring - Default: 'easeInOutExpo'Easing effect for the content sliding animation. Leave empty '' if you don't want any effect (requires the jQuery Easing Plugin).
offsetBRinteger - Default: 0Offset the tabs pluss/minus the bottom or right direction (depending on the sliding orientation).
offsetTLinteger - Default: 0Offset the tabs pluss/minus the top or left direction (depending on the sliding orientation).
orientationstring - Default: 'horizontal'Specify the sliding direction of the tabs. Set to either 'horizontal' or 'vertical'.
tabSaveStateboolean - Default: falseSave the clicked tab's 'active' state with a cookie. Set to true or false (requires the jQuery Cookie Plugin).
tabsAnimTimeinteger - Default: 300Tabs sliding animation time in milliseconds (1sec = 1000ms).
tabsEasingstring - Default: ''Easing effect for the tabs sliding animation. Leave empty '' if you don't want any effect (requires the jQuery Easing Plugin).
tabsScrollboolean - Default: trueEnable or disable mouse scrolling. Set to true or false (requires the jQuery Mousewheel Plugin).
tabsSlideLengthinteger - Default: 0The width or height of the visible tabs area (depending on the sliding orientation). The value should be the full width/height of the .st_tabs_container element. If set to 0 the script will calculate the value automatically.
totalHeightstring - Default: ''Specify the total height of the tabs layout. The value is set in pixels (px).
totalWidthstring - Default: ''Specify the total width of the tabs layout. The value is set in pixels (px). If set to 'auto' the tabs width will adjust to its parent element.
urlLinkingboolean - Default: trueEnable or disable linking to tabs via the URL. You can link to any tab by matching its rel attribute with a hash value in the URL: www.your-url.com#tab_1

关键词: jquery 插件 tab 选项卡

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论