关闭

HTML5学习记录一:播放视频,音频和拖放

1050人阅读 评论(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" ondrop="drop(event)" ondragover="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>

0
0
猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:208472次
    • 积分:3786
    • 等级:
    • 排名:第8413名
    • 原创:171篇
    • 转载:14篇
    • 译文:1篇
    • 评论:33条
    文章分类
    最新评论