Question

我正在使用jquery悬停效果，但只想让效果在翻转时持续大约一秒钟....即用户滚动图像，它会改变一秒钟，然后恢复原始图像。

$(document).ready(function(){   
$(function() {
    $('.rollover').hover(function() {
        var currentImg = $(this).attr('src');
        $(this).attr('src', $(this).attr('hover'));
        $(this).attr('hover', currentImg);
    }, function() {
        var currentImg = $(this).attr('src');
        $(this).attr('src', $(this).attr('hover'));
        $(this).attr('hover', currentImg);
    });
});

}）;

这是我用于标准悬停的代码。任何帮助都会很棒，谢谢。

作为更新，我仍然无法实现此代码...我想在这里应该添加setTimeout函数

 }, function() {
    var currentImg = $(this).attr('src');
    $(this).attr('src', $(this).attr('hover'));
    $(this).attr('hover', currentImg);
});

但我不确定如何正确实施它。

非常感谢一些帮助，谢谢。

Answer 1

您可以在setTimeout回调方法中执行hover方法，以便在一秒钟后恢复原始图像。

Jquery悬停到只有一定时间的效果

1 个答案: