完成图片拖拽
<html>
<head><meta charset="UTF-8"><title>拖拽</title><style type="text/css">#box1{width: 100px;height: 100px;background-color: yellow;position:absolute;}#box2{width: 100px;height: 100px;background-color: red;position:absolute;left: 200px;top: 200px;}</style><script type="text/javascript">window.onload =function(){var box1=document.getElementById("box1");box1.onmousedown =function(){document.onmousemove=function(event){event =event||window.event;var left=event.clientX;var top=event.clientY;box1.style.left=left+"px";box1.style.top=top+"px";document.onmouseup = function(){document.onmousemove=null;};};};};</script>
</head>
<body><div id="box1"></div><div id="box2"></div>
</body>
</html>
主要是三個函數，onload等界面加載完成后這個不算。
mousedown鼠標按下（）{
觸發鼠標移動會怎么怎么樣（），，，
鼠標抬起（事件結束）
}
總結
