2011-01-01 10 views
3

いくつかのリンクにホバーイベントが付いていて、その上に移動するとボックスが表示されます。jQueryタイムマウスが要素を上回っています(ホバー)

マウスが500ミリ秒以上のリンクを越えていた場合に、ホバーイベントを発生させる方法はありますか?だから現在、マウスがリンクを越えるとすぐにボックスが表示されますが、マウスがボックスの上に500ミリ秒以上置かれた場合にのみ表示されます。

答えて

18
var myTimeout; 
$('#mylink').mouseenter(function() { 
    myTimeout = setTimeout(function() { 
     //do stuff 
    }, 500); 
}).mouseleave(function() { 
    clearTimeout(myTimeout); 
}); 
2

これは、マウスの動きがアクションを開始するのに適切かどうかを判断するのに役立つ素晴らしいjQueryプラグインです。 hoverIntent

関連する問題