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

来源：互联网发布：大数据的特征是什么? 编辑：程序博客网时间：2024/05/22 17:43

<!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>