HTML5学习记录一：播放视频，音频和拖放

最新推荐文章于 2021-06-25 15:53:04 发布

jijunyuan

最新推荐文章于 2021-06-25 15:53:04 发布

阅读量1.5k

点赞数 1

分类专栏： HTML5

本文链接：https://blog.csdn.net/jijunyuan/article/details/17164161

版权

HTML5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
  #div1 {width:350px;height:200px;padding:5px;}
  #div1 {border:2px solid red;}
</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>
<title>HTML5 学习记录一</title>
</head>
<body>
<div id="div1" border-width="2px" boder-color="#009" οndrοp="drop(event)" οndragοver="allowDrop(event)">
</div>
<br/>
<img id="drag1" src="菜品图片/small image/小图/仔姜排骨.png" style="cursor:pointer" draggable="true" onDragStart="drag(event)"></img>
  <video  style="cursor:pointer" width="320" height="190" src="test.MP4" controls>
  加载失败
  </video>
</body>
</html>

jijunyuan

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5学习记录一：播放视频，音频和拖放

#div1 {width:350px;height:200px;padding:5px;} #div1 {border:2px solid red;} function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("Text",ev.ta
复制链接

扫一扫