在 mouseenter div 动画轻松

Question

我对悬停有疑问。

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

类叠加层是图像周围的透明框，带有红色边框。

我想当鼠标悬停在某个 img 上时，边框会到那里。这对我来说不是问题。 我的问题是当悬停在第一，第二，第三，第四，第五，停在第六张图片上时。但快速移动图像。我的覆盖类在每张图像上都会停顿片刻。

我的问题是：将鼠标移到每个图像上后，如何覆盖类不停止。谢谢回答，谢谢

Answer 1

我建议你根据当前图像的offet left来计算left 仅作为示例

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