マウスの位置で画像を変更する

Question

私は自分のページの一番上に画像を持っていて、ページ上のマウスの位置に応じて静止から左に、そして右に変えたいと思っています。助けてください

Answer 1

文書でmousemove関数を利用し、イベントパラメータを使用してマウスの位置を追跡することをお勧めします。

ここにはJSFiddle exampleがあります。

$(document).mousemove(function(event){ 
    var mloc = { 
     x: event.pageX, 
     y: event.pageY 
    }; 

    if( 
     (mloc.x >= 0 && mloc.x <= $(document).width()/2) && 
     (mloc.y >= 0 && mloc.y <= $(document).height()/2) 
    ){ 
     //In upper left corner 
     //Do stuff 
    }else if( 
     (mloc.x >= $(document).width()/2 && mloc.x <= $(document).width()) && 
     (mloc.y >= 0 && mloc.y <= $(document).height()/2) 
    ){ 
     //In upper right corner 
     //Do stuff 
    } //etc 
}); 

Here's a tutorialマウストラッキング時。
Here's a whole bunch個のイベントがあります。

特に、ここにはpageXとpageYです。