首頁 > web前端 > js教程 > Javascript簡單實作可拖曳的div_javascript技巧

Javascript簡單實作可拖曳的div_javascript技巧

WBOY
發布: 2016-05-16 17:19:14
原創
840 人瀏覽過
複製程式碼程式碼如下:




var x;
變化;
函數$(id)
{
回傳modocument.getElementById(id)
}
函數modocument.getElementById(id)
}
函數modocumdown( )
{
x=event.clientX-$("px ").style.pixelLeft;
y=event.clientY-$("px").style.pixelTop;
$( "px").style.border="2px 純紅";
$("px").onmousemove = mousemove;
}
function mouseup()
{
$(" px").onmousemove = "";
$("px").style.border="";
}
function mousemove()
{
$("px") .style.pixelLeft=event.clientX-x;
$("px").style.pixelTop=event.clientY-y;
}
腳本>
頭>

onmousedown="mousedown( )" onmouseup="mouseup()" >

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