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