您好,欢迎来到海亿美食网。
搜索
您的当前位置:首页Javascript简单实现可拖动的div_javascript技巧

Javascript简单实现可拖动的div_javascript技巧

来源:海亿美食网


代码如下:



var x;
var y;
function $(id)
{
return document.getElementById(id)
}
function mousedown()
{
x=event.clientX-$("px").style.pixelLeft;
y=event.clientY-$("px").style.pixelTop;
$("px").style.border="2px solid red";
$("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()" >



Copyright © 2019- hyl365.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务