web前端炫酷實用的HTML5應用和jQuery插件

又開始了新的一天，咱們也將繼續爲你們分享許多優秀的HTML5應用和jQuery插件，做爲前端開發者來講，這些資源能夠幫助你在項目開發上派上用場。下面一塊兒來看看這些炫酷而實用的HTML5應用和jQuery插件吧。

一、jQuery/CSS3圖片洗牌切換動畫特效

這是一款基於jQuery和CSS3的圖片動畫特效，該圖片動畫是洗牌的效果，咱們只需點擊切換按鈕，便可一張張切換圖片。另外，若是你長按住按鈕不放，圖片的洗牌效果就會更加明顯和有趣，該jQuery圖片特效一共有3中效果。

在線演示

源碼下載

二、簡單實用的jQuery橫向圖片滾動焦點圖插件

以前咱們分享了很多焦點圖插件，包括jQuery焦點圖和HTML5焦點圖，效果都很是不錯。今天的這款jQuery焦點圖插件看起來很是簡單，可是不管從外觀和實用價值上看都至關不錯。這款jQuery焦點圖的圖片是橫向滾動的，兩側均有左右滑動按鈕。

在線演示

源碼下載

三、jQuery幻燈片播放焦點圖插件

這又是一款基於jQuery的幻燈片焦點圖插件，和以前分享的焦點圖插件相似，圖片均可以左右滑動。這款jQuery焦點圖的優點在於不只有一排小按鈕切換圖片滑動，並且能夠直接點擊圖片來進行滑動切換。並且圖片滑動至關流暢。

在線演示

源碼下載

四、jQuery模擬Android HTC時間和天氣畫面

此次要分享的一款jQuery插件是模擬Android HTC手機的時間和天氣畫面，若是你的網絡容許，該插件還能夠ajax獲取當地的天氣狀況。這款模擬Android HTC手機的jQuery插件從外觀上看和Android待機畫面很是類似，而且也能夠實現滑屏特效。

在線演示

源碼下載

五、CSS3 jQuery UI控制滑桿插件

今天咱們要來分享一款基於CSS3和jQuery UI的控制滑桿插件，這款控制滑桿是在HTML5滑桿元素的基礎上進行自定義CSS3渲染，因此外觀更加漂亮。另外，這款控制滑桿插件是縱向的，固然你也能夠經過設置讓它水平放置。

在線演示

源碼下載

六、純CSS3繪製的黑色圖標按鈕組合

這是一款基於純CSS3的圖標組合，利用CSS3，咱們基本能夠在網頁上繪製所有矢量圖形，由於CSS3的出現咱們能夠繪製曲線了。這款圖標是黑色風格的，有幾個複雜的圖案須要用多層CSS代碼才能實現，大部分圖標的繪製仍是比較簡單的。

在線演示

源碼下載

七、純CSS3 3D浮動按鈕

此次咱們來分享一款效果很酷的純CSS3 3D浮動按鈕，按鈕是一個3D立體的懸浮圓形，按鈕上面能夠是文字和愛心圖案，按鈕底部還有陰影效果，顯得很立體。另外，當把鼠標滑過按鈕時，按鈕就會下陷，就像在水面上下沉同樣。

在線演示

源碼下載

八、jQuery圖片360度旋轉 可跟隨鼠標旋轉

今天咱們要再來介紹一款基於jQuery的360度圖片旋轉插件，這款jQuery圖片旋轉插件的原來和以前分享的相似，也是經過多張圖片疊加播放實現的，經過jQuery實現方法也很簡單。

在線演示

源碼下載

本文固定連接: http://www.i7758.com/archives/1641.html