DIV CSS 佈局教程網

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

21 jQuery Image Gallery

(Demo演示 | Download下載)

這是一個標准和照片切換展示jQuery插件,整合到網站中的方法很簡單。

jQuery圖片滑動切換插件 -jQuery Image Gallery
jQuery圖片滑動切換插件 - jQuery Image Gallery

22 rlightbox

(Demo演示 | Download下載)

rlightbox可以處理多種內容,包括圖片、視頻。適合與英文站處理顯示YouTbe和Vimeo視頻。

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

23 jQuery MB Bgnd Gallery

(Demo演示 | Download下載)

MB Bgnd滑動切換插件很有特色,它能夠將一張大圖片設置為背景,並且可以隨操作對背景圖片進行滑動切換。切換支持使用鍵盤的方向鍵。並且圖片會自動隨窗口的大小進行調整。

jQuery圖片滑動切換插件 - MB Bgnd
jQuery圖片滑動切換插件 - MB Bgnd

24 PikaChoose

(Demo演示 | Download下載)

PikaChoose是一個輕量級的jQuery滑動切換插件。安裝方法非常簡單。適合新聞、廣告的滑動展示。

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

25 縮略圖循環流動展示插件

(Demo演示 | Download下載)

這個插件適合用於小圖片的循環展示。

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

26 Elastic Image Slideshow

(Demo演示 | Download下載)

Elastic Image Slideshow是一個簡約的圖片滑動切換插件。它可以根據窗口的大小調整圖片的大小,並有一條很窄很酷的縮略圖功能。

jQuery圖片滑動切換插件 - Elastic Image Slideshow
jQuery圖片滑動切換插件 - Elastic Image Slideshow

27 全屏+HTML5+聲音的jQuery滑動切換插件

(Demo演示 | Download下載)

這個插件是這個集合中最酷的一個。全屏圖片滑動切換加上酷的音效和縮略圖。動作效果也很有動感。

jQuery圖片滑動切換插件 - 全屏+HTML5+聲音的jQuery滑動切換插件
jQuery圖片滑動切換插件 - 全屏+HTML5+聲音的jQuery滑動切換插件

28 圖片牆+jQuery效果

(Demo演示 | Download下載)

這個插件非常適合照片的展示。它能夠像一面牆一樣將照片隨意貼在牆上,當點擊一張圖片時會在右邊顯示圖片更多的介紹文字。它使用了CSS3的代碼。

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

29 圖片旋轉切換插件

(Demo演示 | Download下載)

jQuery圖片滑動切換插件 - 圖片旋轉切換插件
jQuery圖片滑動切換插件 - 圖片旋轉切換插件

30 彈出層方塊拼全滑入

(Demo演示 | Download下載)

這個插件也超出了滑動切換的概念。它的使用是當你點擊左側菜單的選項時彈出層會以多個Box(方塊)的形式飛入。當點擊X關閉彈出層時又會以多個方塊滑出。

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