又開始了新的一週，我們也將繼續為大家分享許多優秀的HTML5應用和jQuery外掛，作為前端開發者來說，這些資源可以幫助你在專案開發上派上用場。下面一起來看看這些炫酷而實用的HTML5應用和jQuery外掛吧。
1、jQuery/CSS3圖片洗牌切換動畫特效
這是一款基於jQuery和CSS3的圖片動畫特效，該圖片動畫是洗牌的效果，我們只需點選切換按鈕，即可一張張切換圖片。另外，如果你長按住按鈕不放，圖片的洗牌效果就會更加明顯和有趣，該jQuery圖片特效一共有3中效果。
線上演示 原始碼下載
2、簡單實用的jQuery橫向圖片滾動焦點圖外掛
之前我們分享了不少焦點圖外掛，包括jQuery焦點圖和HTML5焦點圖，效果都非常不錯。今天的這款jQuery焦點圖外掛看起來非常簡單，但是無論從外觀和實用價值上看都相當不錯。這款jQuery焦點圖的圖片是橫向滾動的，兩側均有左右滑動按鈕。
線上演示 原始碼下載
3、jQuery幻燈片播放焦點圖外掛
這又是一款基於jQuery的幻燈片焦點圖外掛，和之前分享的焦點圖外掛類似，圖片都可以左右滑動。這款jQuery焦點圖的優勢在於不僅有一排小按鈕切換圖片滑動，而且可以直接點選圖片來進行滑動切換。而且圖片滑動相當流暢。
線上演示 原始碼下載
4、jQuery模擬Android HTC時間和天氣畫面
這次要分享的一款jQuery外掛是模擬AndroidHTC手機的時間和天氣畫面，如果你的網路允許，該外掛還可以ajax獲取當地的天氣情況。這款模擬Android HTC手機的jQuery外掛從外觀上看和Android待機畫面非常相似，並且也可以實現滑屏特效。
線上演示 原始碼下載
5、CSS3 jQuery UI控制滑桿外掛
今天我們要來分享一款基於CSS3和jQueryUI的控制滑桿外掛，這款控制滑桿是在HTML5滑桿元素的基礎上進行自定義CSS3渲染，所以外觀更加漂亮。另外，這款控制滑桿外掛是縱向的，當然你也可以通過設定讓它水平放置。
線上演示 原始碼下載
6、純CSS3繪製的黑色圖示按鈕組合
這是一款基於純CSS3的圖示組合，利用CSS3，我們基本可以在網頁上繪製全部向量圖形，因為CSS3的出現我們可以繪製曲線了。這款圖示是黑色風格的，有幾個複雜的圖案需要用多層CSS程式碼才能實現，大部分圖示的繪製還是比較簡單的。
線上演示 原始碼下載
7、純CSS3 3D浮動按鈕
這次我們來分享一款效果很酷的純CSS33D浮動按鈕，按鈕是一個3D立體的懸浮圓形，按鈕上面可以是文字和愛心圖案，按鈕底部還有陰影效果，顯得很立體。另外，當把滑鼠滑過按鈕時，按鈕就會下陷，就像在水面上下沉一樣。
線上演示 原始碼下載
8、jQuery圖片360度旋轉 可跟隨滑鼠旋轉
今天我們要再來介紹一款基於jQuery的360度圖片旋轉外掛，這款jQuery圖片旋轉外掛的原來和之前分享的類似，也是通過多張圖片疊加播放實現的，通過jQuery實現方法也很簡單。回顧之前分享的另外幾款圖片旋轉外掛：jQuery 360度圖片旋轉外掛sprite spin、jQuery 360度圖片旋轉外掛dopelessRotate。
線上演示 原始碼下載
以上這些HTML5應用和jQuery外掛還不錯吧，歡迎收藏分享。
本文作者：html5tricks – 超人
相關閱讀
評論(0)