2

jQueryのmousemoveプロパティを使用して、マウスがdiv内に存在する場合にのみ、マウスカーソルに続く画像を含む単純なdivをコーディングしました。これは、画像をデフォルトで非表示にし、マウスが存在する場合にのみ表示する（そして、マウスが離れると再び消える）場合を除いて、うまく機能します。これは通常、ホバープロパティで処理できますが、 mousemoveプロパティを指定して配置した場合は機能しません。何か案は？現在使用している基本的なコードは次のとおりです。

$('.containerDIV').mousemove(function(e) {$('.image').css({'left' : e.pageX+'px',});});

これがデモページです： http ：//www.fluidweb.ca/movingImage

助けてくれてありがとう！

アンドリュー

4

2 に答える 2

2

jQuery.mousenterおそらく、jQuery.mouseleaveイベントをdiv自体にバインドするのが最善でしょう。

$("div.containerDIV").mouseenter(function(){
  $("img.sun").show();
}).mouseleave(function(){
  $("img.sun").hide();
});
于 2010-07-27T22:40:15.260 に答える
0

単純に：

$("div.containerDIV").hover(function(e){
    $("img.sun")[e.type === 'mouseenter' ? 'show' : 'hide']();
});
于 2012-12-23T22:50:09.250 に答える