讓：懸停過渡完成，即使不在元素上徘徊

Question

我一直在建立一個攝影網站here，但我有一個問題：在畫廊頁面的懸停轉換。它加載兩個鏈接，放在縮略圖上，一個在fancybox中打開圖像，另一個將圖像設置爲背景。

一切正常，但如果您在轉換完成之前將鼠標懸停在縮略圖上，則會將其恢復到原始狀態。

有沒有辦法在恢復到空閒狀態之前讓轉換結束？

Answer 1

假設JavaScript沒有問題，jQuery will certainly let you have this behaviour使用.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 }); 
});