Javascript jQuery循环淡入悬停图像

将鼠标悬停在单个图像上时，它会在返回原始图像之前循环淡入/淡出为一系列其他图像（如3或4）的最佳方式是什么？此外，如果您将鼠标移离图像，它将停止淡入/更改图像，并返回到原始图像

感谢您的帮助

---

谢谢

我将考虑将要切换的对象的mouseover事件（如果使用外部库，则为hover）绑定到window.setTimeout函数。确保存储超时id，以便在用户的鼠标退出窗口时取消超时。然后，window.setTimeout将滚动浏览图片

也许是这样的：

$(function(){

    $("#test").hover(function(e) {
        $.data("timeout", window.setTimeout(function() {
            //Transition here
        }));
    }), function(e) {
        window.clearTimeout($.data("timeout"));
        //Put image back to normal
    });

});

希望这有帮助

---

JMax

您不必使用mouseenter/mouseleave，因为hover有一个回调参数。Ahh。谢谢有时候我会忘记这些事情。