又開始了新的一周,我們也將繼續(xù)為大家分享許多優(yōu)秀的HTML5應(yīng)用和jQuery插件,作為前端開發(fā)者來說,這些資源可以幫助你在項目開發(fā)上派上用場。下面一起來看看這些炫酷而實用的HTML5應(yīng)用和jQuery插件吧。 1、jQuery/CSS3圖片洗牌切換動畫特效這是一款基于jQuery和CSS3的圖片動畫特效,該圖片動畫是洗牌的效果,我們只需點擊切換按鈕,即可一張張切換圖片。另外,如果你長按住按鈕不放,圖片的洗牌效果就會更加明顯和有趣,該jQuery圖片特效一共有3中效果。 2、簡單實用的jQuery橫向圖片滾動焦點圖插件之前我們分享了不少焦點圖插件,包括jQuery焦點圖和HTML5焦點圖,效果都非常不錯。今天的這款jQuery焦點圖插件看起來非常簡單,但是無論從外觀和實用價值上看都相當不錯。這款jQuery焦點圖的圖片是橫向滾動的,兩側(cè)均有左右滑動按鈕。 3、jQuery幻燈片播放焦點圖插件這又是一款基于jQuery的幻燈片焦點圖插件,和之前分享的焦點圖插件類似,圖片都可以左右滑動。這款jQuery焦點圖的優(yōu)勢在于不僅有一排小按鈕切換圖片滑動,而且可以直接點擊圖片來進行滑動切換。而且圖片滑動相當流暢。 4、jQuery模擬Android HTC時間和天氣畫面這次要分享的一款jQuery插件是模擬Android HTC手機的時間和天氣畫面,如果你的網(wǎng)絡(luò)允許,該插件還可以ajax獲取當?shù)氐奶鞖馇闆r。這款模擬Android HTC手機的jQuery插件從外觀上看和Android待機畫面非常相似,并且也可以實現(xiàn)滑屏特效。 5、CSS3 jQuery UI控制滑桿插件今天我們要來分享一款基于CSS3和jQuery UI的控制滑桿插件,這款控制滑桿是在HTML5滑桿元素的基礎(chǔ)上進行自定義CSS3渲染,所以外觀更加漂亮。另外,這款控制滑桿插件是縱向的,當然你也可以通過設(shè)置讓它水平放置。 6、純CSS3繪制的黑色圖標按鈕組合這是一款基于純CSS3的圖標組合,利用CSS3,我們基本可以在網(wǎng)頁上繪制全部矢量圖形,因為CSS3的出現(xiàn)我們可以繪制曲線了。這款圖標是黑色風格的,有幾個復(fù)雜的圖案需要用多層CSS代碼才能實現(xiàn),大部分圖標的繪制還是比較簡單的。 7、純CSS3 3D浮動按鈕這次我們來分享一款效果很酷的純CSS3 3D浮動按鈕,按鈕是一個3D立體的懸浮圓形,按鈕上面可以是文字和愛心圖案,按鈕底部還有陰影效果,顯得很立體。另外,當把鼠標滑過按鈕時,按鈕就會下陷,就像在水面上下沉一樣。 8、jQuery圖片360度旋轉(zhuǎn) 可跟隨鼠標旋轉(zhuǎn)今天我們要再來介紹一款基于jQuery的360度圖片旋轉(zhuǎn)插件,這款jQuery圖片旋轉(zhuǎn)插件的原來和之前分享的類似,也是通過多張圖片疊加播放實現(xiàn)的,通過jQuery實現(xiàn)方法也很簡單?;仡欀胺窒淼牧硗鈳卓顖D片旋轉(zhuǎn)插件:jQuery 360度圖片旋轉(zhuǎn)插件sprite spin、jQuery 360度圖片旋轉(zhuǎn)插件dopelessRotate。 以上這些HTML5應(yīng)用和jQuery插件還不錯吧,歡迎收藏分享。 本文鏈接:http://www./cool-useful-html5-jquery-apps.html |
|