Jquery插件推荐：Jquery Tabs 插件使用

时间:2009-12-21 11:47来源:未知作者:admin 点击: 次

分享到：

Jquery是个不错的JS框架，提供的插件也非常丰富。这次介绍的是Jquery UI Tags插件，先看下效果图： Jquery Tags效果此插件下载地址： http://stilbuero.de/jquery/tabs_3/ 今天突然发现了一个更加轻

Jquery是个不错的JS框架，提供的插件也非常丰富。这次介绍的是Jquery UI Tags插件，先看下效果图：

Jquery Tags效果

此插件下载地址：

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;
}