来回拖动图片代码（HTML）

貢獻者：在二次元打字 類別：代码時間：2020-09-15 17:19:14 收藏數：23 評分：0

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style type="text/css">
#div1, #div2
{
float:left;
width:100px;
height:35px;
margin:10px;
padding:10px;
border:1px solid #aaaaaa;
}
</style>
<script>
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>
</head>
<body>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
</div>
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<img src="img_w3slogo.gif" draggable="true" ondragstart="drag(event)"
id="drag1" width="88" height="31">
</body>
</html>

上一篇：Good Study Habits

下一篇：阴人墓一百八十章游戏

声明：以上文章均为用户自行添加，仅供打字交流使用，不代表本站观点，本站不承担任何法律责任，特此声明！如果有侵犯到您的权利，请及时联系我们删除。

文章熱度：★☆☆☆☆

文章難度：☆☆☆☆☆

文章質量：☆☆☆☆☆

說明：系統根據文章的熱度、難度、質量自動認證，已認證的文章將參與打字排名！

本文打字排名TOP20

登录后可见

在線打字測試

来回拖动图片代码（HTML）

本文打字排名TOP20

用户更多文章推荐