1、jQuery動畫圖標菜單導(dǎo)航 仿蘋果樣式

這次要分享的這款非常酷，它是一款帶有動畫按鈕的jQuery菜單插件。而且從菜單的外觀上來看，有點蘋果菜單風(fēng)格的味道。當我們將鼠標滑過菜單項時，即會有對應(yīng)的圖片懸浮到菜單項上面，效果非常不錯的jQuery菜單。

/

2、jQuery仿蘋果樣式焦點圖插件

這次我們要分享的這款jQuery焦點圖非常特別，它的外觀特別簡單，但是又相當大氣。焦點圖的整體樣式是仿蘋果樣式的，由于jQuery的運用，我們只要點擊圖片下方的縮略圖即可達到圖片切換的焦點圖特效，這款jQuery焦點圖插件非常適合在產(chǎn)片展示的網(wǎng)頁上使用。

/

3、jQuery 3D圖片滑塊焦點圖插件

這是一款很酷的jQuery 3D焦點圖插件，和之前分享的jQuery焦點圖不同的是，這款焦點圖插件的圖片切換播放樣式是3D的，圖片就像立方體一樣可以上下翻滾，同時你不僅可以點擊焦點圖的左右切換按鈕，也可以通過圖片下方的小按鈕進行圖片切換。

/

4、CSS3分享按鈕動畫特效

這是一款基于CSS3的社會化分享按鈕，按鈕非常簡單，提供了分享到twitter、facebook、youtube等大型社交網(wǎng)站。每一個分享按鈕都有個大社交網(wǎng)站的Logo圖標，并且在鼠標滑過這些按鈕時，利用CSS3的動畫特性出現(xiàn)滑動的動畫效果。

/

5、jQuery動畫進度條 實時顯示進度百分比

這是一款基于jQuery的進度條插件，這款進度條插件在顯示進度條的時候出現(xiàn)很不錯的動畫效果，另外，進度條在更新進度時也將實時顯示進度數(shù)字百分比。進度條結(jié)束時，會顯示完成字樣。由于是基于jQuery的，所以這款進度條基本兼容所有瀏覽器。

/

6、基于Bootstrap和CSS3的響應(yīng)式UI框架

還記得之前我們分享過的么，看上去是不是非常清新和絢麗？今天我們要來分享一組基于Bootstrap和CSS3的響應(yīng)式UI框架，這個UI框架中，包含了自定義CSS3按鈕、自定義CSS3復(fù)選框和單選框、自定義CSS3下拉框等等，外觀非常漂亮。

/

7、HTML5/CSS3鼠標滑過圖片濾鏡動畫效果

以前我們用CSS的濾鏡屬性來對圖片做特殊的效果處理，比如陰影、模糊等。今天我們用和CSS3來實現(xiàn)圖片的特效處理，當我們將鼠標滑過圖片時，即會出現(xiàn)很不錯的圖片動畫特效，像淡入淡出、放大縮小、百葉窗遮罩等HTML5特效。

/

8、CSS3垂直進度條動畫 數(shù)字百分比顯示

這次我們要來分享一款CSS3進度條動畫，這款進度條是垂直放置的，在進度加載的時候，進度條的背景會出現(xiàn)一個快速移動的箭頭動畫，并且隨著進度條的移動，數(shù)字百分比也將隨著進度實時更新，直至進度完成，完成后進度條顏色由紅色編程綠色。

/

9、CSS3登錄表單動畫 可自動輸入登錄信息

這是一款可自動輸入登錄信息的CSS3登錄表單動畫，這個動畫模擬了用戶從表單輸入登錄信息，點擊登錄按鈕，并登錄成功彈出歡迎信息這一全部過程，并且你可以重復(fù)播放這個動畫。CSS3的確很強大，尤其在動畫方面，CSS3非常不錯。

/

以上就是9款完美體驗的HTML5/jQuery應(yīng)用，歡迎收藏分享。

本文轉(zhuǎn)自（）

關(guān)于前端開發(fā)，網(wǎng)頁設(shè)計，這些產(chǎn)品你可能感興趣>>>

【年終促銷第二波火熱進行中，全場六折起，豪禮升級，挑戰(zhàn)全年最低價】

活動時間：11月1日-11月30日