WEB前端開發學習----11. JQuery 實現簡單的拖拽效果

拖拽效果在網頁中很常見。實現起來也不難。記錄一下今天實現的簡單效果。 拖拽演示 快速拖動時，會出現問題，以後修改. 說白了，就是3個點擊事件。 1. 按下鼠標左鍵， 觸發點擊事件，此時記錄下可以得到鼠標相對於拖動控件的位置（當前鼠標位置-控件位置）； 2. 拖動鼠標，觸發移動事件，可以計算出鼠標移動的距離（當前鼠標位置-之前算出的相對位置），也就是拖拽控件所移動的距離； 3. 鼠標擡起，結束拖動。

>>阅读原文<<