Question

jquery 如何判断鼠标滑入和划出的方向

比如 鼠标向任意方向滑入某个div时，另一个div也从哪个方向滑入div，向任意滑出div时，另一个div也向哪个方向滑出div。最好给个例子 谢谢~

Answer 1

<script> 
$("#wrap").bind("mouseenter mouseleave", 
function(e) { 
var w = $(this).width(); 
var h = $(this).height(); 
var x = (e.pageX - this.offsetLeft - (w / 2)) * (w > h ? (h / w) : 1); 
var y = (e.pageY - this.offsetTop - (h / 2)) * (h > w ? (w / h) : 1); 
var direction = Math.round((((Math.atan2(y, x) * (180 / Math.PI)) + 180) / 90) + 3) % 4; 
var eventType = e.type; 
var dirName = new Array('上方','右侧','下方','左侧'); 
if(e.type == 'mouseenter'){ 
$(this).html(dirName[direction]+'进入'); 
}else{ 
$(this).html(dirName[direction]+'离开'); 
} 
}); 
 
switch (direction) { 
case 0: 
$(this).html('上方进入'); 
break; 
case 1: 
$(this).html('右侧进入'); 
break; 
case 2: 
$(this).html('下方进入'); 
break; 
case 3: 
$(this).html('左侧进入'); 
break; 
} 
</script>