以其語法簡(jiǎn)單靈活而大受Web designer歡迎。所以很多網(wǎng)頁(yè)設(shè)計(jì)師結(jié)合jQuery的強(qiáng)大功能制作出了許多成熟的圖片滑動(dòng)插件，我們可以很簡(jiǎn)單地直接將這些圖片滑動(dòng)插件嵌入到網(wǎng)頁(yè)中，很容易就得到了即酷又實(shí)用的jQuery圖片滑動(dòng)效果。從這篇文章開始到接下來的幾篇文章我們將向大家分享40多種非常有用，又有創(chuàng)意的jQuery圖片滑動(dòng)插件，及其演示和下載地址。你可以按你網(wǎng)頁(yè)風(fēng)格找到合適的jQuery圖片滑動(dòng)插件，然后點(diǎn)擊演示鏈接查看具體效果，然后下載此jQuery滑動(dòng)插件。希望你能在這40個(gè)jQuery圖片滑動(dòng)插件中找到你想要的。

1 FlexSlider

(Demo演示 | Download下載)

FlexSlider是一個(gè)非常出色的jQuery滑動(dòng)切換插件，它支持所有主流瀏覽器，并有淡入淡出效果。適合所有初級(jí)和高級(jí)網(wǎng)頁(yè)設(shè)計(jì)師使用。

jQuery圖片滑動(dòng)切換插件 - Flexslider

2 Bubble Slidershow Effect with jQuery

(Demo演示 | Download下載)

基于jQuery的泡泡圖片滑動(dòng)切換效果。Bubble Slidershow是一個(gè)很有意思的jQuery圖片滑動(dòng)切換插件。它通過泡泡效果來進(jìn)行圖片切換，動(dòng)態(tài)效果很特別。非常適合做風(fēng)景等照片的切換展示。Bubble Slidershow的代碼是模塊化的，你可以按你的需求隨意修改。

jQuery圖片滑動(dòng)切換插件 - 泡泡效果

3 Responsive Image Gallery with Thumbnail Carousel

(Demo演示 | Download下載)

這個(gè)圖片滑動(dòng)切換插件非常適合用于照片的切換顯示，它使用Elastislide的縮略圖。用戶可以點(diǎn)擊縮略圖或左右按鈕顯示對(duì)應(yīng)的圖片。另外它支持用戶點(diǎn)擊鍵盤的左右方向鍵切換圖片。

jQuery圖片滑動(dòng)切換插件 - 照片瀏覽

4 Circular Content Carousel with jQuery

(Demo演示 | Download下載)

這個(gè)圖片滑動(dòng)切換插件合適用于步驟講解，或產(chǎn)品介紹。當(dāng)用戶點(diǎn)擊More按鈕時(shí)當(dāng)前內(nèi)容會(huì)移動(dòng)到最左邊，然后顯示一個(gè)文本框用于顯示更多信息。并且可以點(diǎn)擊左、右按鈕切換內(nèi)容。

jQuery圖片滑動(dòng)切換插件 - 滑動(dòng)及彈出層

5 Lateral On-Scroll Sliding with jQuery

(Demo演示 | Download下載)

這個(gè)插件其實(shí)已經(jīng)超越了圖片滑動(dòng)切換的功能。它的作用是用戶可以點(diǎn)擊按鈕，然后自動(dòng)向上或向下滑動(dòng)定位到網(wǎng)頁(yè)的某個(gè)位置。網(wǎng)頁(yè)的內(nèi)容分成左右兩欄，插件的滑動(dòng)很流暢。可以用于時(shí)間線的定位。

jQuery圖片滑動(dòng)切換插件 - 時(shí)間軸動(dòng)態(tài)滑動(dòng)

6 jScrollPane實(shí)現(xiàn)隱藏滾動(dòng)條效果

(Demo演示 | Download下載)

這個(gè)滑動(dòng)插件也是廣義的滑動(dòng)效果插件，它的作用是用于隱藏頁(yè)面的滾動(dòng)條。只有當(dāng)用戶鼠標(biāo)移動(dòng)到內(nèi)容上方時(shí)才會(huì)出來滾動(dòng)條。

jQuery圖片滑動(dòng)切換插件 - 隱藏滾動(dòng)條

7 Timelinr

(Demo演示 | Download下載)

跟第5個(gè)插件很類型，它是一個(gè)基于時(shí)間線的jQuery滑動(dòng)插件。你可以自定義它的滑動(dòng)速度，透明度等效果。同時(shí)運(yùn)行橫向和縱向兩種滑動(dòng)切換模式。

jQuery圖片滑動(dòng)切換插件 - 時(shí)間軸動(dòng)態(tài)滑動(dòng)

8 SmartGallery

(Demo演示 | Download下載)

SmartGallery是一個(gè)非常出色的照片滑動(dòng)切換展示的jQuery插件。它支持12種不同的圖片過渡切換效果。并有小縮略圖。

jQuery圖片滑動(dòng)切換插件 - 照片瀏覽效果

9 Xml Driven Vertical News Scroller Script Vscroller

(Demo演示 | Download下載)

讀取Xml的新聞縱向滾動(dòng)效果。Vscroller可以用于新聞滾動(dòng)顯示的效果。它通過讀取一個(gè)XML文件，并通過其漂亮的效果表現(xiàn)出來。

jQuery圖片滑動(dòng)切換插件 - 新聞滑動(dòng)滾動(dòng)效果

10 PushUp

(Demo演示 | Download下載)

這個(gè)插件的功能也已經(jīng)超越圖片滑動(dòng)切換的范疇。它的作用是當(dāng)網(wǎng)頁(yè)需要彈出一個(gè)新層來展示更多內(nèi)容時(shí)，它可以固定顯示在網(wǎng)頁(yè)的左邊或右邊，以展示更多的內(nèi)容。

jQuery圖片滑動(dòng)切換插件 - 彈出固定層

原文來自 http://www.techolics.com

最新評(píng)論