跟隨帶有jousedown，鼠標移動，鼠標的jquery功能的div

Question

我想製作一個jquery功能，「跟隨div在mousedown上時」 - 因此，我的頁面上的div跟隨光標，隨着鼠標移動，當鼠標按鈕關閉。

當鼠標按鈕向上時div停留在最後一個位置，鼠標向下。

<script src="jquery-2.0.3.min.js"></script> 
<script> 
    var posX, posY; 
    $(document).on('click', mueve); 
    function mueve (e) { 
     posX = e.pageX - 20; 
     posY = e.pageY - 20; 
     $('.item').animate({left: posX, top: posY}) 
    } 
</script> 

CSS：

.item{ 
    background: #bbb; 
    height: 40px; 
    width: 40px; 
    position: absolute; 
    border-radius: 50%; 
    left: 0; 
    top: 0; 
} 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.