如何根據光標所在的位置對元素進行操作

我希望這個問題已經足夠清楚了，我希望根據光標來自何處，從而將元素做爲「事物」。例如，如果光標從左到右，則使元素向右滑動，如果光標從右側向左滑動，則向左滑動，如果從下向上滑動，則向下滑動到頂部，如果來自頂部，則向下滑動到頂部。我嘗試着自己做，但效果並不好，所以不要指望我展示自己的任何東西，對不起。但我有一個例子給你：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

如何根據光標所在的位置對元素進行操作

回答

相關問題