關於mouseenter div動畫緩解

Question

我有關於懸停的問題。

$(".hover li img").mouseenter(function() { 
    $(".overlay").animate({ 
     left: pixels+"px" 
    }); 
}); 

類覆蓋大約是圖像透明的盒子，與紅色邊框。

我希望當懸停在一些img上，邊界去那裏。這對我來說不是問題。 我的問題是，當懸停在第一，第二，第三，第四，第五，並在第六圖像停止。但快速移動圖像。我的覆蓋課在每張圖片上停留片刻。

我的問題是：如何覆蓋類不停止每個圖像後移動鼠標移動它。我很欣賞解答，非常感謝反正

Answer 1

我建議你到左根據當前圖像的offet計算左 例如像只

$(".hover li img").mouseenter(function() { 
that = this; 
    $(".overlay").stop(true,false); 
$(".overlay").animate({ 
    left: that.offset().left+"px" 
}); 
}); 

或

$(".hover li img").mouseenter(function() { 

    $(".overlay").stop(true,false); 
$(".overlay").animate({ 
    left: pixels+"px" 
}); 
});