用鼠标位置改变图像

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。