如何根据光标所在的位置对元素进行操作

我希望这个问题已经足够清楚了，我希望根据光标来自何处，从而将元素做为“事物”。例如，如果光标从左到右，则使元素向右滑动，如果光标从右侧向左滑动，则向左滑动，如果从下向上滑动，则向下滑动到顶部，如果来自顶部，则向下滑动到顶部。我尝试着自己做，但效果并不好，所以不要指望我展示自己的任何东西，对不起。但我有一个例子给你：http://pixelentity.com/如何根据光标所在的位置对元素进行操作

因此，请告诉我一个办法做到这一点使用jQuery和/或CSS3

来源

2013-03-20 Nick Rameau

你可以在鼠标移动到它阻止的时候获得鼠标移动的方向。看一下例子http://jsfiddle.net/PNsd5/2/

该功能可以让鼠标方向变量取决于在在的jsfiddle代表代码的顶部，看起来像：

function getMoveDir(){ 
    var direction = ''; 
    if ((disX <= 0) && (disY <= 0)){ 
     if (disX < disY) { 
      direction = 'From right'; 
     } else { 
      direction = 'From top'; 
     } 
    } 
    if ((disX >= 0) && (disY >= 0)) { 
     if (disY > disX) { 
      direction = 'from bottom'; 
     } else { 
      direction = 'from left' 
     } 
    } 
    return direction; 
}

来源

2013-03-20 22:55:27

哇，整洁！正是我需要的。谢谢。 – 2013-03-21 01:02:34

使用jQuery的MouseEnter事件。

您当前显示的代码会根据mouseenter位置做不同的动画，然后计算偏移量。所以，你可以尝试计算mouseenter的位置，然后决定光标的来源。

然后你可以决定是否为图片添加动画。

你的帮助这里的功能应该是了mouseenter，偏移，动画。如果您需要更多帮助，请告诉我。

来源

2013-03-20 22:10:53 theshadowmonkey

是不够建设性的，但我非常上心。不管怎么说，还是要谢谢你。 – 2013-03-21 01:03:52

如何根据光标所在的位置对元素进行操作

回答

相关问题