jQuery、実行するコードまでmouseoutと呼ばれ

Question

良い日は、私の将ビルスライダーのための当社のサイトです。ここが私の目標：

<div id="abc">
  <div id="slider">...</div>
</div>

私に移行する必要がある"スライダー"左30px時のボタンで推移し、右30pxが別ボタンで推移した。

私の問題があるという信頼できる方法を語っているコード、マウスなのは問題がある場合を除き、いかについても考えもしないと読出します。つまり、マウスのボタンのコードを移動スライダー"左実行されるまでのmouseoutが呼び出されます。んないですけどよろしくお願いします。

みんなが のoffsetTopとoffsetLeftとoffsetTop DOM特性と比較してみてください、マウスの位置は、走るかどうかをチェックした場合は、マウスの境界の内側のボックスでない場合以外で実行を停止します。

あると良い。

Answer 1

これはかなり簡単です。

var timerID;
$("#left").hover(function() {
  timerID = setInterval(slideLeft, 1000);
}, function() {
  clearInterval(timerID);
});

function slideLeft() {
  $("#slider").animate({left: -30});
}

似た。

するために必要な利用 hover() がんを中止する必要がありますが、マウス葉のです。その他までお電話かメールでご連絡下さ mouseover() イベントです。

注意： 実際の効果を思い入れがあっては、いけないのではありませんより異なりますが全てのスライダープラグインだけます。調整が必要です。

Answer 2

あなたはときにマウスの葉要素mouseoutイベントがトリガされるように、マウスは、ここで確認する必要はありません。

マウスが要素をホバリングしている間の移動の繰り返しを行うには、あなたが停止する時間を起動したときに、マウスの葉要素：

$(function(){

  var moveInterval;

  $('#moveLeft').hover(function(){
    moveInterval = window.setInterval(function(){
      // here you move the slider
    }, 100);
  }, function(){
    window.clearInterval(moveInterval);
  });

});