// JavaScript Document by wg
$(function () {
    $.fn.tabs = function (options) {
        var settings = {
            tabList: "",
            tabContent: "",
      tabOn:"",
            action: ""
        };
        var _this = $(this);
        if (options) $.extend(settings, options);
        _this.find(settings.tabContent).eq(0).show(); //第一栏目显示
        _this.find(settings.tabList).eq(0).addClass(settings.tabOn);
        if (settings.action == "mouseover") {
            _this.find(settings.tabList).each(function (i) {
                $(this).mouseover(function () {
                    $(this).addClass(settings.tabOn).siblings().removeClass(settings.tabOn);
                    var _tCon = _this.find(settings.tabContent).eq(i);
                    _tCon.show().siblings().hide();

                }); //滑过切换              

            });

        }
        else if (settings.action == "click") {
            _this.find(settings.tabList).each(function (i) {
                $(this).click(function () {
                    $(this).addClass(settings.tabOn).siblings().removeClass(settings.tabOn);
                    var _tCon = _this.find(settings.tabContent).eq(i);
                    _tCon.show().siblings().hide();

                }); //点击切换

            });
        };

    };
  //调用方式：
    $(".tabWrap").tabs({
        tabList: ".tabBox li",  //tab list
        tabContent: ".tabContent .tcon", //内容box
    tabOn:"on", //当前tab 类名
        action: "mouseover" //事件，mouseover或者click  
    });

});