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结构如下:
General calidis mundum caligine coeperunt.
上一篇: 纯css3超酷tab选项卡效果下一篇: 4种超酷Tabs选项卡设计效果









