HTML5與jQuery組合：Web開發教程實踐

HTML5 和jQuery組合目前對于web開發人員來說是強大的工具之一，使用這個組合能夠幫助你擴充你設計的局限，實作一些非常絢麗及其強大的web應用或者網 站。尤其是最近jQuery 1.0的釋出，更助力了移動裝置的開發。現在已經有很多的開發人員和設計人員開始使用HTML5和jQuery配合開發來顯示各種特效。今天我們将給大家 推薦8個精心選擇的HTML5和jQuery組合開發的教程，希望對大家有幫助!

　　精選之英文教程

　　1. HTML5和jQuery的灰階圖檔懸浮效果

　　在這個教程中，作者使用HTML5的canvas将針對網站圖檔做不同的灰階處理。這個示範中使用HTML5和jQuery的黃金組合來動态的克隆顔色來實作灰階效果。整個顯示非常炫。是學習HTML5 canvas的不錯實戰教程。

　　2. 使用HTML5 audio及其jQuery實作的全屏的幻燈示範

　　使用HTML5 audio來實作音效，使得jQuery的幻燈示範更加逼真并且富有創意。

　　3. 使用jQuery和HTML5實作的照相機快門效果

　　在這個教程中，我們将學習使用HTML5 canvas元素來建立一個圖檔作品集，并且使用快門效果來展示作品。這個将功能被開發成了一個jQuery插件，你可以很友善的在你的web應用中使用。

　　4. 一個jQuery和HTML5實作的導航菜單

　　這是一個超級簡單的使用HTML5和jQuery實作的導航菜單，使用簡單的CSS3屬性來美化菜單UI。

　　5. 使用HTML5,CSS3和jQuery實作的彈出條

　　這個教程将介紹使用CSS3, HTML5和jQuery來實作一個彈出條。這個彈出條将懸浮于頁面内容之上。可以用來幫助提示讀者最新的消息，部落格，微網誌等等。

　　精選之中文教程

　　1. 使用HTML5和jQuery插件Quicksand實作一個超酷的星際争霸2兵種分類展示效果

　　這個教程中，我們使用HTML5的data定義及其Quicksand插件實作了一個星際争霸2全兵種展示功能。希望對大家處理圖檔展示有幫助。

　　2. 使用HTML5和jQuery插件Reel實作一個超酷的星際争霸2兵種動畫360度預覽效果

　　這個教程中，使用HTML5和360度展示插件Reel 1.1.3 實作了一個兵種全角度欣賞的特效。

　　3. 使用jQuery開發一個基于HTML5的漂亮圖檔拖拽上傳web應用

　　一個使用HTML5的拖放API是實作的檔案上傳功能。允許使用者使用拖拽方式來上傳電腦上的圖檔，使用現代浏覽器支援的新HTML5 API。

本文轉自 wws5201985 51CTO部落格，原文連結：http://blog.51cto.com/wws5201985/749543，如需轉載請自行聯系原作者