Letting: переход зависания завершен, даже если элемент не зависает

Question

Я создаю веб-сайт фотографии здесь , но у меня проблема с переходами: hover на страницах галереи. Он загружает две ссылки, которые лежат над миниатюрами, одна открывает изображение в fancybox, а другая устанавливает изображение в качестве фона.

Все работает нормально, но если вы отпустите миниатюру до того, как переход завершится, он вернется в исходное состояние.

Есть ли способ разрешить переходу перейти в исходное состояние?

Answer 1

Предполагая, что JavaScript не исключен, jQuery, безусловно, позволит вам иметь такое поведение , используя способность метода .hover () принимать два обратных вызова, один для наведения, другой для наведенияостанавливается.

$("div.thumb").hover(function(){
    // show the magnifying glasses
    $(this).animate({ top: "0", opacity: 1 });
}, function() {
    // hide the magnifying glasses
    $(this).animate({ top: "-100px", opacity: 0 });
});