www.qjdy.com-奇迹赌场 > 佳美特设计 > 复制代码 代码如下

原标题:复制代码 代码如下

浏览次数:123 时间:2019-08-01

复制代码 代码如下:

<html>
<head>
<script type="text/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;
}
</script>
</head>
<body>
<div id="px" style="position:absolute; left:100px; height:100px; width:100px; background-color:#FF0;"
onmousedown="mousedown()" onmouseup="mouseup()" >
</div>
</body>
</html>

你或然感兴趣的稿子:

  • javascript html5 canvas达成可拖动省份的华夏地形图
  • JS CSS达成可拖动的弹出提醒框
  • js实现可拖动DIV的措施
  • 原生JS可拖动掸窗效果实例代码
  • html javascript达成可拖动可交付的弹出层对话框效果
  • js完结完美拖拽效果可拖动层与重播拖动规迹并出示拖动距离参数
  • js 可拖动列表完成代码
  • javascript div 弹出可拖动窗口
  • javascript之可拖动的iframe效果代码
  • js实现当复选框选用佚名登入时隐蔽登陆框效果
  • 原生js实现可拖动的登入框效果

本文由www.qjdy.com-奇迹赌场发布于佳美特设计,转载请注明出处:复制代码 代码如下

关键词:

上一篇:复制代码 代码如下

下一篇:没有了