标签：title abs 简单 turn 例子 meta tle art 元素
h5新增了关于拖放的API，通过拖放API可以让html页面的任何元素都变成可以拖动的。这是一个小例子，帮助理解。
<html> <head> <meta charset="utf-8"> <meta name="author" content="dongfeng"> <title>html5拖拽</title> <style> #sourse{ width: 200px; height: 200px; background: red; } </style> </head> <body> <a href="">baidu</a> <div id="sourse" draggable="true"></div> <script> var div = document.getElementById(‘sourse‘); div.ondragstart=function(e){ e.dataTransfer.setData(‘text/plain‘,‘‘); } document.ondragover=function(e){ return false } document.ondrop=function(e){ div.style.position=‘absolute‘; div.style.left=e.pageX+‘px‘; div.style.top=e.pageY+‘px‘; return false } </script> </body> </html>
标签：title abs 简单 turn 例子 meta tle art 元素
原文地址：http://www.cnblogs.com/athean/p/6691230.html
