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