jQuery选项卡插件

 

/*
* 选项卡插件
* $.tab("#tabs","#tabContent","click"); //调用方式：鼠标点击
* $.tab("#tabs","#tabContent","mouseenter"); //调用方式：鼠标划过
*/
jQuery.tab = function(tabMenu,tabContent,event) {
    $(tabContent).find("li").hide();
    $(tabMenu).find("li:first").addClass("cur").show(); 
    $(tabContent).find("li:first").show();

    $(tabMenu).find("li").bind(event,function(){
      $(this).addClass("cur").siblings("li").removeClass("cur"); 
        var activeindex = $(tabMenu).find("li").index(this);
        $(tabContent).children().eq(activeindex).show().siblings().hide();
        return false;
    });
};