允许：即使没有悬停在元素上，悬停过渡也会完成

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 });
});