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

在mouseenter div动画轻松

1 个答案: