首頁»JavaScript»前端不容錯過的jQuery圖片滑塊插件

前端不容錯過的jQuery圖片滑塊插件

來源:html5tricks 發布時間:2014-07-11 閱讀次數:

  作為前端開發者,我們會碰到很到各種各樣的jQuery插件,但老實說,很少有自己寫的。今天要分享的幾款jQuery圖片滑塊插件,也就是jQuery焦點圖插件,基本上會在每個網站都有應用,可以下載看看,也許你可以用到。

 1、jQuery多圖并列焦點圖插件

  今天我們要來分享一款比較特別的jQuery焦點圖插件,它允許你自己定義當前畫面的圖片數量,在這個演示中,我們定義了3張圖片一起顯示。和其他jQuery焦點圖一樣,這款焦點圖插件的圖片下方也有一排小按鈕,可以任意切換圖片。另外,每張圖片也都有文字描述。

jquery-mult-image-player

在線演示        源碼下載

 2、jQuery動畫焦點圖 可自動播放圖片

  這是一款簡單而實用的jQuery焦點圖插件,焦點圖不僅可以在播放圖片的時候讓圖片有淡入淡出的動畫效果,而且圖片可以自動播放。該jQuery焦點圖的每一張圖片都可以設置文字描述,并浮動在圖片之上。由于其簡單的配置,這款jQuery焦點圖可以很方便地與你的網站相結合。

jquery-auto-play-image

在線演示        源碼下載

 3、jQuery縮略圖動態縮放焦點圖

  今天我們要來分享一款jQuery焦點圖,這款jQuery焦點圖的圖片切換按鈕是幾張圖片的縮略圖,鼠標滑過縮略圖即可切換至相應的圖片。焦點圖的切換動畫是圖片的動態縮放,動畫效果還算新穎,圖片切換也比較流暢,是一款值得一試的jQuery焦點圖。

jquery-thumb-zoom-player

在線演示        源碼下載

 4、jQuery全屏滑塊焦點圖 可自定義內容

  之前我們已經分享過很多jQuery焦點圖插件了,很多焦點圖都非常實用,可以應用到自己的網站上去。這次要分享的也是一款基于jQuery的全屏方式滑塊焦點圖插件,滑塊的內容可以自定義,可以是幾張圖片的組合,也可以是橫幅廣告。

jquery-full-image-slider

在線演示        源碼下載

 5、jQuery/CSS3動畫相冊圖片瀏覽插件

  之前我們分享過一款基于jQuery的仿QQ空間相冊瀏覽插件,功能上已經十分完善,但是缺少動畫效果。今天這款jQuery相冊插件正好彌補了動畫的缺陷,由于CSS3特性的利用,當我們點擊圖片瀏覽的時候,縮略圖就會以淡入淡出的動畫效果消失,然后出現原始圖片。同時你也可以點擊左右按鈕來逐一瀏覽相冊中的圖片。

jquery-css3-gallery-animation

在線演示        源碼下載

 6、jQuery縱向滑塊焦點圖插件 圖片切換流暢

  今天我們要來分享一款效果很酷的jQuery焦點圖,它的Tab切換方式是縱向的,而且圖片切換的方式也是縱向的,另外整個jQuery焦點圖的色彩非常棒,給人一種神秘的感覺。焦點圖的圖片切換還是比較流暢的。

jquery-ver-image-slider

在線演示        源碼下載

 7、jQuery/CSS3立方體翻轉3D全屏焦點圖

  天我們要來分享一款非常大氣的HTML5/CSS3 3D全屏焦點圖,在頁面兩側,有兩個很立體的左右箭頭進行圖片切換。這款HTML5焦點圖的圖片切換方式是3D效果的,類似立方體翻轉一樣,焦點圖默認顯示文字,我們已經將文字替換成圖片,效果更酷。

html5-3d-cube-image-player

在線演示        源碼下載

  希望以上jQuery圖片滑塊插件能給你帶來幫助,歡迎收藏分享。

  來源:html5tricks – 超人

QQ群:WEB開發者官方群(515171538),驗證消息:10000
微信群:加小編微信 849023636 邀請您加入,驗證消息:10000
提示:更多精彩內容關注微信公眾號:全棧開發者中心(fsder-com)
網友評論(共1條評論) 正在載入評論......
理智評論文明上網,拒絕惡意謾罵 發表評論 / 共1條評論
登錄會員中心
分分中彩票app 合山市| 龙门县| 吉木萨尔县| 石林| 岳普湖县| 峨边| 白银市| 澄迈县| 郴州市| 花垣县| 龙川县| 临沂市| 古丈县| 陆河县| 临泽县| 东至县| 广昌县| 宁河县| 长乐市| 怀化市| 永吉县| 黎城县| 蓬溪县| 东明县| 安达市| 乐清市| 和平县| 大新县| 曲靖市| 徐水县| 红安县| 株洲市| 贵阳市| 遂昌县| 思茅市| 麦盖提县| 海伦市| 宁海县|