午夜视频在线网站,日韩视频精品在线,中文字幕精品一区二区三区在线,在线播放精品,1024你懂我懂的旧版人,欧美日韩一级黄色片,一区二区三区在线观看视频

分享

炫酷實用的HTML5應(yīng)用和jQuery插件

 zzkkaa 2014-07-29

又開始了新的一周,我們也將繼續(xù)為大家分享許多優(yōu)秀的HTML5應(yīng)用和jQuery插件,作為前端開發(fā)者來說,這些資源可以幫助你在項目開發(fā)上派上用場。下面一起來看看這些炫酷而實用的HTML5應(yīng)用和jQuery插件吧。

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

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

jquery-css3-image-switch

在線演示        源碼下載

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

之前我們分享了不少焦點圖插件,包括jQuery焦點圖和HTML5焦點圖,效果都非常不錯。今天的這款jQuery焦點圖插件看起來非常簡單,但是無論從外觀和實用價值上看都相當不錯。這款jQuery焦點圖的圖片是橫向滾動的,兩側(cè)均有左右滑動按鈕。

simple-jquery-image-player

在線演示        源碼下載

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

這又是一款基于jQuery的幻燈片焦點圖插件,和之前分享的焦點圖插件類似,圖片都可以左右滑動。這款jQuery焦點圖的優(yōu)勢在于不僅有一排小按鈕切換圖片滑動,而且可以直接點擊圖片來進行滑動切換。而且圖片滑動相當流暢。

jquery-image-slider-player

在線演示        源碼下載

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

這次要分享的一款jQuery插件是模擬Android HTC手機的時間和天氣畫面,如果你的網(wǎng)絡(luò)允許,該插件還可以ajax獲取當?shù)氐奶鞖馇闆r。這款模擬Android HTC手機的jQuery插件從外觀上看和Android待機畫面非常相似,并且也可以實現(xiàn)滑屏特效。

jquery-android-htc-time-wether

在線演示        源碼下載

5、CSS3 jQuery UI控制滑桿插件

今天我們要來分享一款基于CSS3和jQuery UI的控制滑桿插件,這款控制滑桿是在HTML5滑桿元素的基礎(chǔ)上進行自定義CSS3渲染,所以外觀更加漂亮。另外,這款控制滑桿插件是縱向的,當然你也可以通過設(shè)置讓它水平放置。

css3-jquery-ui-slider-control

在線演示        源碼下載

6、純CSS3繪制的黑色圖標按鈕組合

這是一款基于純CSS3的圖標組合,利用CSS3,我們基本可以在網(wǎng)頁上繪制全部矢量圖形,因為CSS3的出現(xiàn)我們可以繪制曲線了。這款圖標是黑色風格的,有幾個復(fù)雜的圖案需要用多層CSS代碼才能實現(xiàn),大部分圖標的繪制還是比較簡單的。

pure-css3-black-icon

在線演示        源碼下載

7、純CSS3 3D浮動按鈕

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

pure-css3-3d-float-button

在線演示        源碼下載

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。

jquery-360-image-with-mouse

在線演示        源碼下載

以上這些HTML5應(yīng)用和jQuery插件還不錯吧,歡迎收藏分享。

本文鏈接:http://www./cool-useful-html5-jquery-apps.html
本文作者:html5tricks – 超人


    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多