首頁 > web前端 > js教程 > js html css實作滑鼠移動div實例_javascript技巧

js html css實作滑鼠移動div實例_javascript技巧

WBOY
發布: 2016-05-16 17:42:33
原創
1087 人瀏覽過

js:

複製程式碼 程式碼如下:

var posX
; 🎜>fdiv = document.getElementById("divBody");
document.getElementById("divHead").onmousedown=function(e)
{
if(!e) e = window.event; /window.event; /IE
posX = e.clientX - parseInt(fdiv.style.left);
posY = e.clientY - parseInt(fdiv.style.top);
document.onmousemove = mousemove;
;
;
;
;
;
;
;
;
;
;
;
; }
document.onmouseup = function()
{
document.onmousemove = null;
}
html:




複製程式碼


程式碼
複製程式碼


複製程式碼複製碼🎜>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板