Jquery зависает, чтобы иметь эффект только в течение определенного периода времени - PullRequest
Новая
       22

Jquery зависает, чтобы иметь эффект только в течение определенного периода времени

0 голосов
/ 07 мая 2010

Я использую эффект наведения 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);
});

но я просто не уверен, как правильно это реализовать.

Некоторая помощь будет очень признательна, спасибо.

1 Ответ

1 голос
/ 07 мая 2010

Вы можете сделать метод setTimeout в методе обратного вызова hover, чтобы через несколько секунд восстановить исходное изображение.

...