http://www.html5tricks.com/8-html5-jquery-app-website.html
在WEB3.0的時代,我們的網站不僅要實現實用價值,更要爲用戶設計優秀的用戶體驗。jQuery是一個不錯的JS框架,結合目前最新的HTML5技術,我們可以將自己的網站脫胎換骨,立馬走向高上大,至少在前端頁面上。
1、HTML5仿Chrome樣式控制滑桿動畫
隨着瀏覽器技術的發展,滑桿控制器在網頁上應用越來越廣泛。今天要分享一款HTML5的滑桿控制器,這個滑桿動畫是放Chrome樣式的,不僅外觀非常漂亮,而且在數據初始化的時候還帶有滑動動畫特效,我們可以將此插件應用在數據更新、投票等系統中去。
2、HTML5 SVG Tab滑塊菜單 非常酷的Tab菜單
之前我們分享過很多HTML5/CSS3菜單,應該說大部分都還比較實用華麗,今天我們要來分享另外一種形式的HTML5菜單——HTML5 Tab菜單。這款Tab菜單是利用HTML5和SVG實現的,Tab菜單的外觀非常漂亮,而且Tab切換也很方便。
3、jquery視差滑塊幻燈特效
非常酷的一款jQuery全屏焦點圖插件,圖很美。
4、HTML5像素文字爆炸重組動畫特效
HTML5可以把文字效果做得非常酷,就像之前分享的HTML5/CSS3發光文字和HTML5/CSS3文字投影特效就非常絢麗。今天我們要分享一款基於HTML5技術的文字像素爆炸重組動畫特效,我們可以在輸入框中指定任意文字,點擊確定按鈕後,就會將原先的文字爆炸散去,新的文字以像素點的形式組合起來,看起來非常棒。
5、HTML5/CSS3超酷焦點圖特效 帶前後翻頁按鈕
今天要分享的這款HTML5/CSS3焦點圖插件切換效果比較簡單,但是外觀和功能卻十分強大。該CSS3焦點圖在切換圖片時,圖片以淡入淡出的方式縮小消失並顯示下一張圖片。焦點圖插件還擁有一套非常大氣的前後翻頁按鈕,是一款非常實用HTML5/CSS3焦點圖應用。
6、HTML5+CSS3實現註冊登錄窗體
7、HTML5/CSS3自定義下拉框 3D卡片摺疊動畫
之前我們分享過一款CSS3帶小圖標下拉菜單,它更多的是一款菜單,但是今天要分享的一款CSS3自定義下拉框取代了傳統的Select樣式,用不一樣的風格來讓select更加美觀。這款CSS3下拉框還有3D立體的卡片摺疊動畫效果,非常酷。
8、HTML5/CSS3淡入淡出滑塊焦點圖 非常清新
我們已經分享過幾款簡單的CSS3/jQuery焦點圖插件,像HTML5結合jQuery實現圖片滑塊特效、CSS3/jQuery全屏立體焦點圖等,大家可以到焦點圖欄目下查找。今天要分享的這款焦點圖切換時有淡如淡出的動畫效果,是利用HTML5和CSS3實現。
以上就是8款HTML5/jQuery應用,歡迎收藏分享,轉載請註明原文。
本文由html5tricks收集整理,轉載請務必保留原文鏈接
http://www.html5tricks.com/8-html5-jquery-app-website.html