实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
x
 
1
<!DOCTYPE HTML>
2
<html>
3
<head>
4
<style type="text/css">
5
#div1, #div2
6
{float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;}
7
</style>
8
<script>
9
function allowDrop(ev)
10
{
11
ev.preventDefault();
12
}
13
14
function drag(ev)
15
{
16
ev.dataTransfer.setData("Text",ev.target.id);
17
}
18
19
function drop(ev)
20
{
21
ev.preventDefault();
22
var data=ev.dataTransfer.getData("Text");
23
ev.target.appendChild(document.getElementById(data));
24
}
25
</script>
26
</head>
27
<body>
28
29
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
30
  <img src="/upload/images/201509/cfcc6c13c28.gif" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31"></div>
31
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
32
33
</body>
34
</html>