Jquery中文網 www.twdanq.live
Jquery中文網 >  jQuery  >  jquery 教程  >  正文 40個有創意的jQuery圖片、內容滑動及彈出插件收藏集之一

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

發布時間:2013-06-07   編輯:www.twdanq.live
在網頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環切換多張圖片,并且用戶可以點擊左右按鈕來切換圖片。相信大家都知道jQuery是最優秀的Javascript框架之一
在網頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環切換多張圖片,并且用戶可以點擊左右按鈕來切換圖片。相信大家都知道jquery是最優秀的Javascript框架之一 以其語法簡單靈活而大受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圖片和內容滑動及彈出插件收藏集之二
jQuery圖片播放8款精美插件分享
基于jquery的15款幻燈片插件
在網站上應該用的30個jQuery插件整理
jquery 頁面滾動到底部自動加載插件集合
2012年開發人員的16款新鮮的jquery插件體驗分享
精心收集的jQuery常用的插件1000
2013年優秀jQuery插件整理小結

[關閉]
广西快乐10分怎样开奖号码 simcity卡机怎么赚钱 功夫鸡排赚钱哪 516金蟾捕鱼1000炮 建筑装模赚钱吗 广东十一选五怎样才能赚钱 万客彩票群 建筑工程资料承包赚钱吗 美乐农场游戏赚钱吗 街机海王捕鱼最新手机版下载 汽车音响改装店赚钱 加工香蜡能赚钱吗 凤凰平台苹果 美甲和美发哪个更赚钱 在贴吧里写小说赚钱吗 去年赚钱零元生意 分享经济怎么赚钱运作