分享十五個(gè)最佳jQuery 幻燈插件和教程
幻燈(通常也被稱(chēng)為“內(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)類(lèi)似的效果感興趣？那就看一下本文列出的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)站 | 演示
該教程介紹如何開(kāi)發(fā)/創(chuàng)建漂亮的使用圖片描述和名稱(chē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
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)單的圖片畫(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
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)容的。
更多的可以參考 http://www.dbjr.com.cn/jiaoben/list374_1.html
相關(guān)文章
這篇文章主要介紹了使用jQuery制作基礎(chǔ)的Web圖片輪播效果的實(shí)例,鼠標(biāo)懸停時(shí)可停止而離開(kāi)時(shí)可自動(dòng)輪播,文中還介紹了一種使用zslider插件來(lái)實(shí)現(xiàn)的方法,比較犀利,需要的朋友可以參考下2016-04-04
對(duì)之前寫(xiě)的jquery分頁(yè)做下升級(jí)
之前寫(xiě)的分頁(yè)，操作時(shí)要把傳的參數(shù)放到隱藏hidden中，比較麻煩，下面重新包裝了一下,需要的朋友可以參考參考2014-06-06
這篇文章主要介紹了jQuery實(shí)現(xiàn)的自定義滾動(dòng)條插件的使用方法。需要的朋友可以參考借鑒2016-12-12
jQuery仿移動(dòng)端支付寶鍵盤(pán)的實(shí)現(xiàn)代碼
最近做項(xiàng)目時(shí)碰到一個(gè)需求，就是在移動(dòng)端支付頁(yè)面點(diǎn)擊支付按鈕彈出一個(gè)支付鍵盤(pán)，類(lèi)似于支付寶的那種。項(xiàng)目只是單純的手機(jī)網(wǎng)站，所以這個(gè)功能由前端來(lái)實(shí)現(xiàn)，下面小編給大家?guī)?lái)了jQuery仿移動(dòng)端支付寶鍵盤(pán)的實(shí)現(xiàn)代碼，需要的朋友參考下吧2018-08-08
jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)Div層背景變顏色的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滑過(guò)Div層背景變顏色的方法,涉及jQuery中hover及addClass方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
jQuery不兼容input的change事件問(wèn)題解決過(guò)程
本文記錄了在項(xiàng)目中發(fā)現(xiàn)在IE9中不會(huì)立即觸發(fā)change事件，存在兼容問(wèn)題的解決過(guò)程，非常的詳盡，解決過(guò)程中也有新問(wèn)題出現(xiàn)，最終都解決完畢，完美實(shí)現(xiàn)了兼容各大主流瀏覽器2014-12-12
在DOM操作中，常常需要?jiǎng)討B(tài)創(chuàng)建HTML內(nèi)容，使文檔在瀏覽器里的呈現(xiàn)效果發(fā)生變化，并且達(dá)到各種各樣的人機(jī)交互目的.2016-04-04
JQuery入門(mén)——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
bind()功能是為每個(gè)選擇元素的事件綁定處理函數(shù),感興趣的你可以了解下它的語(yǔ)法bind(type, [data], fn),參數(shù)data是作為event.data屬性值傳遞對(duì)象的額外數(shù)據(jù)對(duì)象,好好學(xué)習(xí)希望本可以幫助到你2013-02-02
jQuery仿Flash上下翻動(dòng)的中英文導(dǎo)航菜單實(shí)例
這篇文章主要介紹了jQuery仿Flash上下翻動(dòng)的中英文導(dǎo)航菜單,實(shí)例分析了jQuery實(shí)現(xiàn)Flash反動(dòng)特效的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01