jQuery代码的问题

Question

http://www.51obj.cn/demo/autoserve/index.html这里，我鼠标不停地滑过下方的层就反复地停过，这样显示效果很不好，如何实现鼠标一停就马上停止。

Answer 1

var tid = null;
$(function(){
var arrTips=["基础版主要功能包括：贷款管理","标准版功能包括：贷款管理、政府监管","综合业务版主要功能包括：贷款管理、财务管理"];
$('ul li').each(function(i){
(function(i){
$('ul li').eq(i).bind('mouseover',function(){
if(tid) clearTimeout(tid);
tid = setTimeout(function(){$('#tips').text(arrTips[i]).slideDown('fast');}, 100);
}).bind('mouseout',function(){
if(tid) clearTimeout(tid);
tid = setTimeout(function(){$('#tips').slideUp('slow').fadeOut('slow');}, 100);
});
})(i);
});
/*tips层鼠标滑过显示*/
$('#tips').bind('mouseover',function(){
$(this).show();
}).bind('mouseout',function(){
$(this).hide();
});
});

Answer 2

我重新修改了一下，但还有新问题我写的是如下代码：$('#tips').bind('mouseout',function(){
        if(tid)clearTimeout(tid);
tid=setTimeout(function(){$('#tips').fadeOut('slow');},500);
    });
但我鼠标移上去它反而消失了。

Answer 3

$('#tips').bind('mouseout',function(){
        if(tid)clearTimeout(tid);
        tid=setTimeout(function(){$('#tips').fadeOut('slow');},500);
    });楼主这个，好像写错事件了吧，怎么用mouseout呢，那是鼠标移出时

Answer 4

楼主在事件后面加上.end()这样会一个事件结束之后才能出发另一个事件