jquery hover问题

$(function () {
var mouseover_tid = [];
var mouseout_tid = [];
$(".navLink").each(function (index) {
$(this).hover(function () {
var self = this;
clearTimeout(mouseout_tid[index]);
mouseover_tid[index] = setTimeout(function () {
$(self)
.children("ul")
.css("left", $("#box").offset().left)
.slideDown('slow')
.end()
.find(".triangle")
.css("background", "url('../Images/hovertri.jpg') no-repeat right center")
.end()
.find(".item")
.css("background", "url('../Images/hover.jpg')");
}, 400);

}, function () {
var self = this;
clearTimeout(mouseover_tid[index]);
mouseout_tid[index] = setTimeout(function () {
$(self)
.children("ul")
.slideUp()
.end()
.find(".triangle")
.css("background", "url('../Images/triangle1.jpg') no-repeat right center")
.end()
.find(".item")
.css("background", "none");
}, 400);
});
});
});
这是我在网上找的一段代码,感觉效果还不错,你自己看下改吧~

在鼠标进入元素时后, 2000毫秒不离开的情况下,那么2000毫秒后将弹出 1231qweqwe 的警告框, 如果在2000毫秒内鼠标离开了,将 弹出警告框 jjjjjjjjjjjjjjjjjjjj ,并清除 setTimeout 计时器.
clearTimeout(mars); 清除计时器, 但并不会执行计时器里面的代码,也就是说鼠标离开元素后,不会弹出 1231qweqwe