用鼠標位置改變圖像

Question

我在頁面頂部有一個圖像，並希望它從靜止變爲左側，然後右側，具體取決於您在頁面上的鼠標位置。請幫助我

Answer 1

最好的辦法是利用文檔上的mousemove函數，然後使用event參數跟蹤鼠標位置。

這裏是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。