Question

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

感谢任何帮助。

谢谢！

Answer 1

我会看到你希望切换的对象的mouseover事件（或悬停，如果你正在使用外部库）绑定到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

jQuery循环在悬停时淡出图像

1 个答案: