9款完美體驗的HTML5/jQuery應用
今天要分享給大家的是 9 款完美體驗的 HTML5/jQuery 應用，這些基于 HTML5 和 jQuery 的應用都比較實用，而且也相對比較華麗，當然，這需要你使用支持 HTML5 的瀏覽器，一起來看看。
1、jQuery 動畫圖標菜單導航仿蘋果樣式
這次要分享的這款 jQuery 插件非常酷，它是一款帶有動畫按鈕的 jQuery 菜單插件。而且從菜單的外觀上來看，有點蘋果菜單風格的味道。當我們將鼠標滑過菜單項時，即會有對應的圖片懸浮到菜單項上面，效果非常不錯的 jQuery 菜單。
2、jQuery 仿蘋果樣式焦點圖插件
這次我們要分享的這款 jQuery 焦點圖非常特別，它的外觀特別簡單，但是又相當大氣。焦點圖的整體樣式是仿蘋果樣式的，由于 jQuery 的運用，我們只要點擊圖片下方的縮略圖即可達到圖片切換的焦點圖特效，這款 jQuery 焦點圖插件非常適合在產片展示的網頁上使用。
3、jQuery 3D 圖片滑塊焦點圖插件
這是一款很酷的 jQuery 3D 焦點圖插件，和之前分享的 jQuery 焦點圖不同的是，這款焦點圖插件的圖片切換播放樣式是 3D 的，圖片就像立方體一樣可以上下翻滾，同時你不僅可以點擊焦點圖的左右切換按鈕，也可以通過圖片下方的小按鈕進行圖片切換。
4、CSS3 分享按鈕動畫特效
這是一款基于 CSS3 的社會化分享按鈕，按鈕非常簡單，提供了分享到 推ter、非死book、油Tube 等大型社交網站。每一個分享按鈕都有個大社交網站的 Logo 圖標，并且在鼠標滑過這些按鈕時，利用 CSS3 的動畫特性出現滑動的動畫效果。
5、jQuery 動畫進度條實時顯示進度百分比
這是一款基于 jQuery 的進度條插件，這款進度條插件在顯示進度條的時候出現很不錯的動畫效果，另外，進度條在更新進度時也將實時顯示進度數字百分比。進度條結束時，會顯示完成字樣。由于是基于 jQuery 的，所以這款進度條基本兼容所有瀏覽器。
6、基于 Bootstrap 和 CSS3 的響應式 UI 框架
今天我們要來分享一組基于 Bootstrap 和 CSS3 的響應式 UI 框架，這個 UI 框架中，包含了自定義 CSS3 按鈕、自定義 CSS3 復選框和單選框、自定義 CSS3 下拉框等等，外觀非常漂亮。
7、HTML5/CSS3 鼠標滑過圖片濾鏡動畫效果
以前我們用 CSS 的濾鏡屬性來對圖片做特殊的效果處理，比如陰影、模糊等。今天我們用 HTML5 和 CSS3 來實現圖片的特效處理，當我們將鼠標滑過圖片時，即會出現很不錯的圖片動畫特效，像淡入淡出、放大縮小、百葉窗遮罩等 HTML5 特效。
8、CSS3 垂直進度條動畫數字百分比顯示
這次我們要來分享一款 CSS3 進度條動畫，這款進度條是垂直放置的，在進度加載的時候，進度條的背景會出現一個快速移動的箭頭動畫，并且隨著進度條的移動，數字百分比也將隨著進度實時更新，直至進度完成，完成后進度條顏色由紅色編程綠色。
9、CSS3 登錄表單動畫可自動輸入登錄信息
這是一款可自動輸入登錄信息的 CSS3 登錄表單動畫，這個動畫模擬了用戶從表單輸入登錄信息，點擊登錄按鈕，并登錄成功彈出歡迎信息這一全部過程，并且你可以重復播放這個動畫。CSS3 的確很強大，尤其在動畫方面，CSS3 非常不錯。
以上就是 9 款完美體驗的 HTML5/jQuery 應用，歡迎收藏分享。
本文鏈接：http://www.html5tricks.com/9-well-experience-html5-jquery.html
本文作者：html5tricks – 超人