当前位置:JS特效 » 选项卡 » 带CSS3过渡动画效果的jQuery Tabs选项卡插件
 带CSS3过渡动画效果的jQuery Tabs选项卡插件
如果您觉得内容不错,请分享:

插件介绍

jQueryTab是一款带CSS3过渡动画效果的jQueryTabs选项卡插件。它是轻量级插件,使用简单,采用响应式设计,并支持多种CSS3动画过渡效果。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:67
简要教程

jQueryTab是一款带CSS3过渡动画效果的jQuery Tabs选项卡插件。它是轻量级插件,使用简单,采用响应式设计,并支持多种CSS3动画过渡效果。它的特点还有:

  • 响应式设计:在平板、手机等小屏幕设备中自动转换为手风琴样式。
  • 支持Cookie:插件会使用Cookie记住用户点击的最后一个Tab。
  • CSS3动画过渡:支持的动画过渡效果有:fade, slideUp, slideRight, flip, rotate, swingRight, scaleDown, scaleUp。你也可以定义动画。
  • 手风琴效果:在小屏幕设备中可对手风琴进行折叠。
  • 可在初始化时选择某个Tab来显示。
  • URL Hash:可以在URL地址中直接打开某个Tab。
  • 回调函数:提供before和after回调函数。
  • 事件:可以在点击和鼠标滑过事件之间切换。

使用方法

使用该Tabs选项卡插件需要在页面中引入jQuery、jQueryTab.css、animation.css和jQueryTab.js文件。




                  
                
HTML结构

Tabs选项卡的基本HTML结构如下:


                
Top