tab切换函数封装（mouseover、click）

基于jquery.js,对页面的tab切换进行封装，包含onmouseover以及click两种方法，js代码如下：

    function tab_down(tab_k, tab_con, tab_dz) {
        var $div_li = $(tab_k);
        var timeout
        if (tab_dz == "click") {
            $div_li.click(function() {
                $(this).addClass("hover").siblings().removeClass("hover");
                var index = $div_li.index(this);
                $(tab_con).eq(index).show().siblings().hide();
            })
        } else if (tab_dz == "mouseover") {
            $div_li.hover(function() {
                var ts = $(this)
                timeout = setTimeout(function() {
                    ts.addClass("hover").siblings().removeClass("hover");
                    var index = ts.index();
                    $(tab_con).eq(index).show().siblings().hide();
                }, 200)
            }, function() {
                clearTimeout(timeout);
            })
        }

    }

代码引用简单事例如下：

//鼠标在ul>li上 mouseover的时候，ol>li对应的元素show（）
 tab_down("ul>li", "ol>li", "mouseover");