關於Mouseenter div動畫緩解

Question

我有關於懸停的問題。

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

類疊加層是圖像周圍的透明框，帶有紅色邊框。

我想將鼠標懸停在某些img上，然后邊框去那里。 對我來說這不是問題。 我的問題是，當鼠標懸停在第一，第二，第三，第四，第五，並停在第六張圖像上時。 但是快速移動圖像。 我的疊加層課程在每張圖像上都停了片刻。

我的問題是 ：在將鼠標移到每個圖像上之后，如何在每個圖像上停止疊加類。 我感謝您的回答，還是謝謝

Answer 1

我建議您根據當前圖像的左邊來計算左邊，僅作為示例

$(".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"
});
 });