Javascript 悬停元素时如何检测鼠标指针的来源

我只想问一下，当鼠标指针悬停在div之类的元素上时，如何通过使用jquery来检测鼠标指针

当运行该函数时，我想知道鼠标指针来自顶部、左侧、底部和右侧

谢谢大家!

请尝试以下代码：

var getDirection=函数（ev，obj）{
var w=对象偏移网络宽度，
h=obj。在视线之外，
x=（ev.pageX-obj.offsetLeft-（w/2）*（w>h？（h/w）：1）），
y=（ev.pageY-obj.offsetTop-（h/2）*（h>w？（w/h）：1）），
d=数学四舍五入（数学atan2（y，x）/1.57079633+5）%4；
返回d；
};
$（'#yourDiv'）.mouseover（函数（事件）{
var direction=getDirection（事件，this）；
如果（方向==0）{
$（this.html（'Top side'）；
}否则如果（方向==1）{
$（this.html（'Right side'）；
}否则如果（方向==2）{
$（this.html（'bottomside'）；
}否则如果（方向==3）{
$（this.html（'Left side'）；
}
});
#yourDiv{
宽度：100px；
高度：100px；
背景色：红色；
位置：绝对位置；
顶部：50px；
左：50px；
}

到目前为止，您尝试了什么？我找到了一个网站，在那里他有一个图片网格，当我把图片悬停在上面时，一些文本用特效幻灯片显示出来。但从鼠标点滑过来。像指针一样从上面来。效果是向下滑动。如果要在元素内检查鼠标在MouseCenter事件上的位置，然后检查光标是否最靠近顶部、左侧、右侧或底部。如果您知道它最近的位置，您将知道使用什么动画。当你尝试使用代码时，请回来。看起来你“向上”和“向下”翻页了。@Bronzdragon更新以澄清问题。