Jquery 避免鼠标悬停时闪烁

我试图用jquery实现一点鼠标悬停的效果，但我一直在解决一个闪烁的问题。我已经尝试过为mouseout插入一个延迟，但是我仍然对图像有问题

有人对此有线索吗

你好，萨沙

测试URL:

---

避免闪烁的最佳方法是在封闭的div（id=“splash”）上有一个单独的悬停事件来处理显示/隐藏，并且仅使用当前事件来处理哪个div处于活动状态。大致如下（警告，代码未测试）：

---

它之所以闪烁，是因为如果你在图像之间的间隙中，鼠标会触发。取而代之的是，将悬停处理程序放在“飞溅”上。这应该行得通。我会为这些事件使用一些超时时间，并尝试使用fadeIn和fadeOut eventsThx来快速支持，在“splash”div上单独悬停的提示完成了。很高兴我能提供帮助。别忘了为未来的谷歌用户标出正确答案。欢迎来到堆栈溢出！

$(".item").hover(

function() {
    $(this).parent().parent().find(".title").show();
    $(this).parent().parent().find(".bg").show();
    $(this).parent().parent().find(".bg").addClass("transparent");
    $(this).find(".bg").removeClass("transparent");
    $(this).find(".title").addClass("colored");
}, function() {
    $(this).parent().parent().find(".title").hide();
    $(this).parent().parent().find(".bg").hide();
    $(this).parent().parent().find(".title").removeClass("colored");

})​

$("#splash").hover(
    function(){
        $(this).find(".title").show();
        $(this).find(".bg").show();
    },function(){
        $(this).find(".title").hide();
        $(this).find(".bg").hide();
    }
);

$(".item").hover(
    function(){
        $(this).parent().parent().find(".bg").addClass("transparent");
        $(this).find(".bg").removeClass("transparent");
        $(this).find(".title").addClass("colored");
    }
);