jquery判断鼠标移入移出

判断鼠标移入移出方向来实现很赞的效果，百度图片搜索列表中就使用了该效果

下面直接上代码：

 

    
    
    
    


    

        
DEMO
        
DEMO
        
DEMO
    


    
一只京大个人主页  豫ICP备17051115号

 

 

 

文章演示地址：判断鼠标移入移出

 

 

 

 

接下来说下原理：

 

以div容器的中心点作为圆心，以高和宽的最小值作为直径画圆，将圆以[π/4，3π/4)，[3π/4，5π/4），[5π/4，7π/4)，[-π/4，π/4)划分为四个象限，鼠标进入容器时的点的atan2(y,x)值在这四个象限里分别对应容器边框的下，右，上，左。

计算x坐标值时，如果点原来的x坐标的绝对值大于圆的半径值，则按 h/w 这个比例进行缩小，使得到的点的位置在容器的边界位置所对应的象限区间里。 y 坐标的计算也是一样。