感谢您的支持，我会继续努力的!
打开微信扫一扫，即可进行扫码打赏哦
点我查看本站打赏源码！
Powered by RUNCODEX.COM，学的不仅是技术，更是梦想！！！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<p>拖动 W3CSchool.cc 图片到矩形框中:</p>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
</div>
<br>
<img id="drag1" src="http://www.runcodex.com/images/logo.png" draggable="true" ondragstart="drag(event)" width="336" height="69" />
</body>
</html>
xxxxxxxxxx
function allowDrop(ev){
ev.preventDefault();
}
function drag(ev){
ev.dataTransfer.setData('Text',ev.target.id);
function drop(ev){
var data=ev.dataTransfer.getData('Text');
ev.target.appendChild(document.getElementById(data));
#div1{width:350px;height:70px;padding:10px;border:1px solid #aaaaaa};
