jQuery拖動div、移動div、彈出層實現原理及示例,實現原理是使div的position為絕對定位absolute,然后控制其top與left值,需要監聽鼠標事件,主要用到mousedown, mousemove, mouseup。在mousedown后,記錄mousedown時鼠標與需要移動的div的位置,然后取得兩者之差,得到在鼠標移動后,div的位置。即: left = 當前鼠標位置.x - (鼠標點擊時的.x值 - div的初始位置x值) ,top = 當前鼠標位置.y - (鼠標點擊時的.y值 - div的初始位置y值) 你可以參考上述代碼來學習下。
新聞熱點
疑難解答