在網(wǎng)站前端中使用jQuery庫(kù)已經(jīng)變得越來(lái)越流行，前端開(kāi)發(fā)人員發(fā)布或撰寫(xiě)的相關(guān)的插件和教程也與日俱增。

　　幻燈(通常也被稱為“內(nèi)容滑動(dòng)”、內(nèi)容切換效果、焦點(diǎn)圖等)是在網(wǎng)站或博客的較小區(qū)域展示大量?jī)?nèi)容的很好的方法。動(dòng)態(tài)的自動(dòng)滑動(dòng)內(nèi)容在很多網(wǎng)站上都是很流行的。你是否也對(duì)在自己的網(wǎng)站上實(shí)現(xiàn)類似的效果感興趣？那就看一下本文列出的jQuery插件吧！

　　1. jFlow

　　官方網(wǎng)站 | 演示

　　一個(gè)漂亮而整潔的圖片幻燈，被NETtut推薦，如果你想自己做一個(gè)圖片幻燈效果，就去看看吧。

　　2. 使用jQuery UI實(shí)現(xiàn)推薦內(nèi)容的幻燈展示

　　官方網(wǎng)站 演示

　　這是一個(gè)教你如何“使用一種很有沖擊力的方法展示你的網(wǎng)站/博客的最佳內(nèi)容以吸引更多眼球”的很不錯(cuò)的教程。該文章介紹展示推薦內(nèi)容的技術(shù)中的一個(gè)是自動(dòng)播放內(nèi)容幻燈。

　　3. 創(chuàng)建漂亮的jQuery幻燈教程

　　官方網(wǎng)站 | 演示

　　該教程介紹如何開(kāi)發(fā)/創(chuàng)建漂亮的使用圖片描述和名稱的jQuery幻燈。

　　4. 基于jQuery的一個(gè)簡(jiǎn)單的內(nèi)容幻燈效果

　　官方網(wǎng)站 | 演示

　　Brenelz的網(wǎng)站開(kāi)發(fā)技巧的一個(gè)簡(jiǎn)單的內(nèi)容幻燈效果。

　　5. JC Play List

　　官方網(wǎng)站 | 演示

　　免費(fèi)而好用的使用Flash組件創(chuàng)建的一個(gè)jQuery幻燈插件，特別是對(duì)XML、RSS2.0、Picasa和Flickr等多媒體列表等非常方便。

　　6. Easy Slider

　　官方網(wǎng)站 | 演示

　　一個(gè)JQuery插件，允許圖片或任何內(nèi)容在點(diǎn)擊的時(shí)候水平/垂直滑動(dòng)。

　　7.jqGalScroll

　　官方網(wǎng)站

　　jQuery Gallery Scroller (jqGalScroll)使用圖片列表，并創(chuàng)建一個(gè)光滑的可以垂直、水平或?qū)菨L動(dòng)的圖片相冊(cè)。該插件同樣能創(chuàng)建分頁(yè)，從而你就可以輕松的瀏覽你的照片了。

　　8. Image Gallery

　　官方網(wǎng)站

　　這個(gè)一點(diǎn)兒都不復(fù)雜——它是一個(gè)非常簡(jiǎn)單的圖片畫(huà)廊/查看器。你可以像這樣調(diào)用圖片:

　　9.使用jQuery UI 制作內(nèi)容幻燈

　　官方網(wǎng)站 | 演示

　　Dan Wellman為NETTuts寫(xiě)的教程，很詳細(xì)。

　　10. 創(chuàng)建一個(gè)自動(dòng)播放的推薦內(nèi)容幻燈

　　官方網(wǎng)站 | 演示

　　來(lái)自CSS-Tricks的Chris Coyier 寫(xiě)的一篇教程。該腳本基于Coda Slider。它包含一些擴(kuò)展的特性：

　　11. slideViewer

　　官方網(wǎng)站

　　SlideViewer是一個(gè)輕量的(1.5Kb)jQuery插件，它可以讓你隨時(shí)通過(guò)編寫(xiě)幾行HTML代碼來(lái)創(chuàng)建一個(gè)圖片畫(huà)廊.

　　12. Start/Stop Slider

　　官方網(wǎng)站 | 演示

　　13. 一個(gè)簡(jiǎn)約的jQuery插件

　　官方網(wǎng)站 | 演示

　　WebDesignBooth的一個(gè)教程，介紹如何使用強(qiáng)大的jQuery庫(kù)創(chuàng)建簡(jiǎn)單的內(nèi)容幻燈效果。

　　14. BarackSlideshow

　　官方網(wǎng)站 | 演示

一個(gè)灰常小巧和輕量的幻燈腳本，靈感來(lái)自于美國(guó)總統(tǒng)Baracka Obama網(wǎng)站的一個(gè)幻燈效果。該腳本獲取MorphList的能力，并增強(qiáng)圖片的可視化和導(dǎo)航。

　　15. 使用JQuery s3Slider的wordpress模板

　　官方網(wǎng)站 | 演示

　　在WP中使用JQuery s3Slider插件來(lái)創(chuàng)建幻燈內(nèi)容。

　　其實(shí)，jQuery的幻燈插件并不只這些，還有CodaSlider、JQuery Cycle Plugin等，當(dāng)然有些只只能用在圖片的，而大部分是可用于內(nèi)容的。

it知識(shí)庫(kù)：15個(gè)最佳jQuery幻燈插件和教程，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。