DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 40個有創意的jQuery圖片、內容滑動及彈出插件收藏集之一
40個有創意的jQuery圖片、內容滑動及彈出插件收藏集之一
編輯:JQuery特效代碼     
以其語法簡單靈活而大受Web designer歡迎。所以很多網頁設計師結合jQuery的強大功能制作出了許多成熟的圖片滑動插件,我們可以很簡單地直接將這些圖片滑動插件嵌入到網頁中,很容易就得到了即酷又實用的jQuery圖片滑動效果。從這篇文章開始到接下來的幾篇文章我們將向大家分享40多種非常有用,又有創意的jQuery圖片滑動插件,及其演示和下載地址。你可以按你網頁風格找到合適的jQuery圖片滑動插件,然後點擊演示鏈接查看具體效果,然後下載此jQuery滑動插件。希望你能在這40個jQuery圖片滑動插件中找到你想要的。

1 FlexSlider

(Demo演示 | Download下載)

FlexSlider是一個非常出色的jQuery滑動切換插件,它支持所有主流浏覽器,並有淡入淡出效果。適合所有初級和高級網頁設計師使用。

jQuery圖片滑動切換插件 - Flexslider
jQuery圖片滑動切換插件 - Flexslider

2 Bubble Slidershow Effect with jQuery

(Demo演示 | Download下載)

基於jQuery的泡泡圖片滑動切換效果。Bubble Slidershow是一個很有意思的jQuery圖片滑動切換插件。它通過泡泡效果來進行圖片切換,動態效果很特別。非常適合做風景等照片的切換展示。Bubble Slidershow的代碼是模塊化的,你可以按你的需求隨意修改。

jQuery圖片滑動切換插件 - 泡泡效果
jQuery圖片滑動切換插件 - 泡泡效果

3 Responsive Image Gallery with Thumbnail Carousel

(Demo演示 | Download下載)

這個圖片滑動切換插件非常適合用於照片的切換顯示,它使用Elastislide的縮略圖。用戶可以點擊縮略圖或左右按鈕顯示對應的圖片。另外它支持用戶點擊鍵盤的左右方向鍵切換圖片。

jQuery圖片滑動切換插件 - 照片浏覽
jQuery圖片滑動切換插件 - 照片浏覽

4 Circular Content Carousel with jQuery

(Demo演示 | Download下載)

這個圖片滑動切換插件合適用於步驟講解,或產品介紹。當用戶點擊More按鈕時當前內容會移動到最左邊,然後顯示一個文本框用於顯示更多信息。並且可以點擊左、右按鈕切換內容。

jQuery圖片滑動切換插件 - 滑動及彈出層
jQuery圖片滑動切換插件 - 滑動及彈出層

5 Lateral On-Scroll Sliding with jQuery

(Demo演示 | Download下載)

這個插件其實已經超越了圖片滑動切換的功能。它的作用是用戶可以點擊按鈕,然後自動向上或向下滑動定位到網頁的某個位置。網頁的內容分成左右兩欄,插件的滑動很流暢。可以用於時間線的定位。

jQuery圖片滑動切換插件 - 時間軸動態滑動
jQuery圖片滑動切換插件 - 時間軸動態滑動

6 jScrollPane實現隱藏滾動條效果

(Demo演示 | Download下載)

這個滑動插件也是廣義的滑動效果插件,它的作用是用於隱藏頁面的滾動條。只有當用戶鼠標移動到內容上方時才會出來滾動條。

jQuery圖片滑動切換插件 - 隱藏滾動條
jQuery圖片滑動切換插件 - 隱藏滾動條

7 Timelinr

(Demo演示 | Download下載)

跟第5個插件很類型,它是一個基於時間線的jQuery滑動插件。你可以自定義它的滑動速度,透明度等效果。同時運行橫向和縱向兩種滑動切換模式。

jQuery圖片滑動切換插件 - 時間軸動態滑動
jQuery圖片滑動切換插件 - 時間軸動態滑動

8 SmartGallery

(Demo演示 | Download下載)

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

jQuery圖片滑動切換插件 - 照片浏覽效果
jQuery圖片滑動切換插件 - 照片浏覽效果

9 Xml Driven Vertical News Scroller Script Vscroller

(Demo演示 | Download下載)

讀取Xml的新聞縱向滾動效果。Vscroller可以用於新聞滾動顯示的效果。它通過讀取一個XML文件,並通過其漂亮的效果表現出來。

jQuery圖片滑動切換插件 - 新聞滑動滾動效果
jQuery圖片滑動切換插件 - 新聞滑動滾動效果

10 PushUp

(Demo演示 | Download下載)

這個插件的功能也已經超越圖片滑動切換的范疇。它的作用是當網頁需要彈出一個新層來展示更多內容時,它可以固定顯示在網頁的左邊或右邊,以展示更多的內容。

jQuery圖片滑動切換插件 - 彈出固定層
jQuery圖片滑動切換插件 - 彈出固定層

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

 

 

相關

40個有創意的jQuery圖片和內容滑動及彈出插件收藏集之一

40個有創意的jQuery圖片和內容滑動及彈出插件收藏集之二

40個有創意的jQuery圖片和內容滑動及彈出插件收藏集之三

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved