jQuery TAB插件

最近的项目用到TAB效果的地方较多，于是自己稍微封装了下，写成了jQuery插件，方便以后使用，顺便重温下jQuery插件的实现机制。

在写插件之前对常见的TAB效果做了下总结，大体上也就那几种效果。插件力求简单易用，只要能实现常见的功能即可。

查看演示

参数说明：

• event
• 触发TAB的事件类型，鼠标悬停：mouseover，鼠标点击：click，默认为mouseover。
• timeout
• 事件延迟，单位为毫秒，默认为0。
• auto
• 自动切换，单位为毫秒，默认为0。
• callback
• 回调函数，触发TAB时执行，函数的参数返回的是this。

HTML结构部分：

      * 新闻




      * 图片




      * 军事













    新闻






    图片






    军事

CSS样式部分：

调用插件：

    <script src="jquery.min.js" type="text/javascript"></script>
    <script src="jquery.tabs.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
      $('#box').Tabs({
        event:'mouseover',  //事件类型
        timeout:100,  //设置事件延迟
        auto:3000,  //3秒自动切换一次
        callback:null  //回调函数
      });  //返回了this
    });
    </script>

7月5日更新，优化插件源码，解决几个小BUG，插件下载地址：http://stylechen.com/wp-content/uploads/download/jquery.tabs.zip