用鼠标位置改变图像

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。