2010-05-07 5 views
0

Я использую эффект зависания jquery, но мне бы хотелось, чтобы эффект продолжался около секунды, когда он перевернулся ... т.е. пользователь катит по изображению, он изменяется для а затем возвращается к исходному изображению.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

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

+0

Спасибо за помощь, я новичок в js, поэтому не уверен, как реализовать метод setTimeout. Спасибо, спасибо. –

+0

Эта статья Джона Ресига объясняет это хорошо, http://ejohn.org/blog/how-javascript-timers-work/ –

Смежные вопросы