0

マウスオーバーしたときに画像を移動し、mouseOut時に前の位置に戻したい。このスクリプトは正常に機能しますが、マウスを数回動かすと、動き続けます。どうすれば修正できますか？

$(document).ready(function () {
  $(".HomeClaimWrapper .img").hover(function () {
    $(".HomeClaimWrapper .img").animate({
      top: "-15px"
    }, 500);

  });


  $(".HomeClaimWrapper .img").mouseout(function () {
    $(".HomeClaimWrapper .img").animate({
      top: "0px"
    }, 500);
  });
});
4

1 に答える 1

4

jQuerys .stop（）関数を使用します。詳細については、こちらをご覧くださいhttp://api.jquery.com/stop/-これを使用すると、複数のキューに入れられたアニメーションを防ぐことができます

$(".HomeClaimWrapper .img").hover(function(){
    $(".HomeClaimWrapper .img").stop().animate({ // <-- add it there and pass in params
    // for the desired affect
        top: "-15px"
    }, 500 );

});
于 2012-08-31T05:16:01.130 に答える