HTML5~昨天已经演示了一些浏览器功能

你可以看看下面的介绍，想看到高清晰代码可以连接这个地址：

视频中的演示人已经完成网上演示， 链接列表如下：

1. 1.<video> (00:35)
2. 2.postMessage() (05:40)
3. 3.localStorage (15:20)
4. 4.sessionStorage (21:00)
5. 5.Drag and Drop API (29:05)
6. 6.onhashchange (37:30)
7. 7.Form Controls (40:50)
8. 8.<canvas> (56:55)
9. 9.Validation (1:07:20)
10. 10.Questions and Answers (1:09:35)

每个我都小看了一下，比较喜欢 Drag and Drop API：

打印HTML代码

Drag and Drop

Good

Bad

 <div ondragover="return false" ondragenter="return false" id="divgood" ondrop="drop(this, event)">
    <p>Good</p>
  </div>

  <div ondragover="return false" ondragenter="return false" id="divbad" ondrop="drop(this, event)">
    <p>Bad</p>
  </div>

  <p><img ondragstart="drag(this, event)" id="spam" alt="Spam" src="http://www.whatwg.org/demos/2008-sept/dnd/spam.gif" width="165" height="162" /> <img ondragstart="drag(this, event)" id="egg" alt="Egg" src="http://www.whatwg.org/demos/2008-sept/dnd/egg.gif" /> <img ondragstart="drag(this, event)" id="cat" alt="Cat" src="http://www.whatwg.org/demos/2008-sept/dnd/cat.png" width="158" height="158" /> </p>
  <script>   function drag(target, e) {     e.dataTransfer.setData('Text', target.id);   }    function drop(target, e) {     var id = e.dataTransfer.getData('Text');     target.appendChild(document.getElementById(id));     e.preventDefault();   }  </script>