Question

【求助】这个JS选项卡代码如何改成自动切换的？

<script src="http://lib.sinaapp.com/js/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
jQuery.jqtab = function(tabtit,tabcon) {
$(tabcon).hide();
$(tabtit+" li:first").addClass("thistab").show();
$(tabcon+":first").show();
$(tabtit+" li").click(function() {
$(tabtit+" li").removeClass("thistab");
$(this).addClass("thistab");
$(tabcon).hide();
var activeTab = $(this).find("a").attr("tab");
$("#"+activeTab).fadeIn();
return false;
});
};
/*调用方法如下：*/
$.jqtab("#tabs",".tab_con");
});
</script>

目前是这样的，但是不会鼠标经过自动切换，两个选项卡间要鼠标点击才能切换，要如何修改这段JS使它能够鼠标经过自动切换？

Answer 1

改成这样试试

$(document).ready(function() {

    jQuery.jqtab = function(tabtit,tabcon) {

        $(tabcon).hide();

        $(tabtit+" li:first").addClass("thistab").show();

        $(tabcon+":first").show();

var fun = function(){

            $(tabtit+" li").removeClass("thistab");

            $(this).addClass("thistab");

            $(tabcon).hide();

            var activeTab = $(this).find("a").attr("tab");

            $("#"+activeTab).fadeIn();

            return false;

};

        $(tabtit+" li").on('click',fun).on('mouseover',fun);

    };

    /*调用方法如下：*/

    $.jqtab("#tabs",".tab_con");

});

追问

还是不行啊。。

追答

click事件如果可以执行，mouseover事件也没问题