小旋风SEO教程 TIY
编辑您的代码：
<!DOCTYPE HTML><html><head><style type="text/css"> #div1 {width:488px;height:70px;padding:10px;border:1px solid #aaaaaa;} </style><script type="text/javascript"> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("Text",ev.target.id); } function drop(ev) { ev.preventDefault(); var data=ev.dataTransfer.getData("Text"); ev.target.appendChild(document.getElementById(data)); } </script><link rel="canonical" href="https://www.xxfseo.com/w3c/tiy/t.asp-f=html5_draganddrop.html" /></head><body><p>请把 小旋风SEO教程 的图片拖放到矩形中：</p><map dir="c210e3"></map><bdo lang="a24154"></bdo><dfn draggable="773516"></dfn><div dir="ce3b36" id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div><br /><img id="drag1" src="/w3c/i/小旋风SEO教程_banner.gif" draggable="true" ondragstart="drag(event)" /></body></html>
查看结果: