分享十五個(gè)最佳jQuery 幻燈插件和教程
幻燈(通常也被稱為“內(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)容的幻燈展示
這是一個(gè)教你如何“使用一種很有沖擊力的方法展示你的網(wǎng)站/博客的最佳內(nèi)容以吸引更多眼球”的很不錯(cuò)的教程。該文章介紹展示推薦內(nèi)容的技術(shù)中的一個(gè)是自動(dòng)播放內(nèi)容幻燈。
3. 創(chuàng)建漂亮的jQuery幻燈教程
官方網(wǎng)站 | 演示
該教程介紹如何開發(fā)/創(chuàng)建漂亮的使用圖片描述和名稱的jQuery幻燈。
4. 基于jQuery的一個(gè)簡(jiǎn)單的內(nèi)容幻燈效果
官方網(wǎng)站 | 演示
Brenelz的網(wǎng)站開發(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
jQuery Gallery Scroller (jqGalScroll)使用圖片列表，并創(chuàng)建一個(gè)光滑的可以垂直、水平或?qū)菨L動(dòng)的圖片相冊(cè)。該插件同樣能創(chuàng)建分頁(yè)，從而你就可以輕松的瀏覽你的照片了。
8. Image Gallery
這個(gè)一點(diǎn)兒都不復(fù)雜——它是一個(gè)非常簡(jiǎn)單的圖片畫廊/查看器。你可以像這樣調(diào)用圖片:
9.使用jQuery UI 制作內(nèi)容幻燈
官方網(wǎng)站 | 演示
Dan Wellman為NetTuts寫的教程，很詳細(xì)。
10. 創(chuàng)建一個(gè)自動(dòng)播放的推薦內(nèi)容幻燈
官方網(wǎng)站 | 演示
來(lái)自CSS-Tricks的Chris Coyier 寫的一篇教程。該腳本基于Coda Slider。它包含一些擴(kuò)展的特性：
11. slideViewer
SlideViewer是一個(gè)輕量的(1.5Kb)jQuery插件，它可以讓你隨時(shí)通過(guò)編寫幾行HTML代碼來(lái)創(chuàng)建一個(gè)圖片畫廊.
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)容的。
更多的可以參考 http://www.fzitv.net/jiaoben/list374_1.html
相關(guān)文章
使用jQuery.Qrcode插件在客戶端動(dòng)態(tài)生成二維碼并添加自定義Logo
這篇文章給大家介紹使用jQuery.Qrcode插件在客戶端動(dòng)態(tài)生成二維碼并添加自定義Logo的實(shí)現(xiàn)思路，涉及到Jquery.Qrcode基本使用,Jquery.Qrcode對(duì)中文字符的支持及Jquery.Qrcode添加自定義Logo圖片的相關(guān)知識(shí)，本文介紹非常詳細(xì)，具有參考價(jià)值，感興趣的朋友一起看看吧2016-09-09
JQuery Ajax跨域調(diào)用和非跨域調(diào)用問(wèn)題實(shí)例分析
這篇文章主要介紹了JQuery Ajax跨域調(diào)用和非跨域調(diào)用問(wèn)題,結(jié)合具體實(shí)例形式分析了jQuery基于ajax的非跨域請(qǐng)求及跨域請(qǐng)求相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-04-04
jquery實(shí)現(xiàn)多級(jí)下拉菜單的實(shí)例代碼
多級(jí)菜單，理論上支持無(wú)限多的層級(jí)，文件結(jié)構(gòu)非常簡(jiǎn)單的，以下是完整代碼，有需要的朋友可以參考一下2013-10-10
jQuery實(shí)現(xiàn)的超鏈接提示效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的超鏈接提示效果,結(jié)合實(shí)例形式對(duì)比分析了jQuery實(shí)現(xiàn)的帶有l(wèi)oading動(dòng)態(tài)圖效果的提示文字以及默認(rèn)提示文字顯示效果,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09
jQuery實(shí)現(xiàn)div隨意拖動(dòng)的實(shí)例代碼(通用代碼)
這篇文章主要介紹了jQuery實(shí)現(xiàn)div隨意拖動(dòng)的實(shí)例代碼，涉及到j(luò)query div隨意拖動(dòng)相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-01-01
玩轉(zhuǎn)jQuery按鈕 請(qǐng)告訴我你最喜歡哪些？
在Web的世界里，按鈕對(duì)于我們來(lái)說(shuō)再也普通不過(guò)了，當(dāng)然也用得比較多。今天這篇文章我主要向大家分享20個(gè)基于jQuery和CSS技術(shù)的按鈕，這些基于jQuery的按鈕都非同凡響，所以我在標(biāo)題里用了“令人驚嘆”這一個(gè)詞2012-01-01
Jquery實(shí)現(xiàn)動(dòng)態(tài)切換圖片的方法
這篇文章主要介紹了Jquery實(shí)現(xiàn)動(dòng)態(tài)切換圖片的方法,涉及jQuery頁(yè)面元素操作及鏈?zhǔn)讲僮鞯南嚓P(guān)技巧,需要的朋友可以參考下2015-05-05
Jquery顯示和隱藏元素或設(shè)為只讀(含Ligerui的控件禁用,實(shí)例說(shuō)明介紹)
本篇文章是對(duì)Jquery中顯示和隱藏元素或設(shè)為只讀以及Ligerui的控件禁用實(shí)現(xiàn)代碼進(jìn)行了分析介紹，需要的朋友可以參考下2013-07-07
下面小編就為大家分享一篇jquery中done和then的區(qū)別(詳解)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
jQuery 中的each函數(shù) 很方便,$.each ()函數(shù)封裝了十分強(qiáng)大的遍歷功能，它可以遍歷一維數(shù)組、多維數(shù)組、DOM , JSON 等等，在javaScript 開發(fā)過(guò)程中使用$each可以大大的減輕我們的工作量,這里貼一個(gè)簡(jiǎn)單的模仿each的函數(shù),只能處理數(shù)組類型的對(duì)象。2015-04-04