Jquery Tabs 插件简介-更友好地组织你的页面

转自：http://www.cnblogs.com/ywqu/archive/2009/09/02/1558423.html

关于Jquery Tab插件，比较流行的是jQuery UI Tabs，最近此插件也已经有了更新,地址为http://stilbuero.de/jquery/tabs_3/
，目前国内很多网站也在使用此插件，希望大家有时间了试用一下。

今天突然发现了一个更加轻量级的，功能更加丰富的 Jquery Tab插件。先展示一下其功能；

1、简单配置一下就可以实现如下效果：

http://flowplayer.org/tools/demos/tabs/index.html

2、扩展CSS样式就可以定做自己的tabs

/ alternate colors: skin2 / ul .skin2 a { background-color: #89a ; color: #fff !important; } / mouseover state / ul .skin2 a :hover { background-color: #678 ; } / active tab / ul .skin2 a .current { background-color: #4F5C6A ; border-bottom: 2px solid #4F5C6A ; } / tab pane with background gradient / div .skin2 div { color: #fff ; background: #234 url( /img/global/gradient/h300.png) repeat-x scroll 0 -50px ; min-height: 200px ; }