7款HTML5的精美應用教程讓你當即愛上HTML5

1，HTML5/jQuery雷達動畫圖表圖表配置十分簡單

分享一款很特別的HTML5圖表，它是利用HTML5和jQuery的雷達動畫圖表，圖表數據在初始化的時候帶有必定動畫。

在線演示

源碼下載

2，HTML5模擬牛頓力學碰撞的小球

介紹一款HTML5模擬物理實驗，此次模擬的是HTML5牛頓力學實驗，高空掛幾個小球來回擺動，互相撞擊，來模擬力的傳動。

在線演示

源碼下載

3，HTML5的畫布煙花特效場景十分華麗

一款基於HTML5 Canvas實現的煙花特效，咱們只需在黑色的畫布上點擊鼠標，即會有漂亮的煙花綻開在夜空當中。

在線演示

源碼下載

4，jQuery的輕量級網頁編輯器選中便可編輯

目前流行的可視化網頁編輯器很是多，像ckeditor、kindeditor、tinyeditor等，雖然功能都很是強大，可是體積都比較龐大，使用起來也不是很方便。今天咱們分享一款基於jQuery的輕量級網頁編輯器，它很是輕巧，選中內容便可編輯，很是適合在比較簡單的編輯應用中。

在線演示

源碼下載

5，CSS3手風琴菜單下拉展開帶彈性動畫

今天咱們分享的這款是CSS3手風琴菜單，菜單項在展開和收縮的時候菜單項會有彈性動畫效果。每一層父級菜單有一個小三角，菜單項在展開的時候這個小三角也會出現動畫，很是酷。

在線演示

源碼下載

6，HTML5/CSS3 3D環形圖片牆伴隨旋轉動畫

今天咱們要分享一款基於HTML5/CSS3的3D環形圖片牆，該HTML5圖片特效是一面3D立體的牆，牆上貼着一些圖片，牆體在不停的旋轉移動。鼠標滑過圖片時，圖片牆即中止轉動，並將選中的圖片放大。

在線演示

源碼下載

7，HTML5的畫布正弦波動畫可自定義波長和速度

正弦波咱們很熟悉，之前數學和物理課上常常會用到，還記得之前物理老師演示的正弦動畫仍是用flash製做的呢。今天咱們要分享的這款HTML5 Canvas動畫就和正弦波有關，咱們能夠稍稍修改一下HTML5代碼便可定義波長、頻率等正弦波的一些屬性，很酷吧。

在線演示

源碼下載

本文固定連接: http://www.i7758.com/archives/1598.html