jquery插件orbit.js實(shí)現(xiàn)圖片折疊輪換特效
更新時(shí)間：2015年04月14日 11:49:47 投稿：hebedich
Orbit是一個(gè)設(shè)計(jì)良好并且容易使用的jQuery圖片滑動(dòng)幻燈片插件，它除了支持圖片滾動(dòng)切換展示外，還支持針對(duì)內(nèi)容的滾動(dòng)。插件的定制性相當(dāng)高，它提供了多個(gè)參數(shù)的設(shè)置，通過(guò)設(shè)置你可以將它打造成完全符合你要求的樣式。
jQuery圖片折疊輪換代碼，可以點(diǎn)擊左右箭頭按鈕切換圖片，漂亮簡(jiǎn)潔。兼容主流瀏覽器，phplearn初學(xué)者推薦下載！
使用方法：
1、head區(qū)域引用文件 jquery.min.js，chuxz.css
2、在文件中加入<!-- 代碼 開(kāi)始 --><!-- 代碼 結(jié)束 -->區(qū)域代碼
3、在頁(yè)面底部引用jq.orbit.js.js, orbit.js
4、復(fù)制images文件夾里的圖片到相應(yīng)的路徑
<div class="orbit-wrapper">
<div id="featured" class="orbit">
<a ><img src="images/1.jpg" width="185" alt="《Just Married》" title="《Just Married》"></a>
<a ><img src="images/2.jpg" width="185" alt="《佩加索斯》" title="《佩加索斯》"></a>
<a ><img src="images/3.jpg" width="185" alt="《太廟的一場(chǎng)偶遇》" title="《太廟的一場(chǎng)偶遇》"></a>
<a ><img src="images/4.jpg" width="185" alt="《為愛(ài)癡狂》" title="《為愛(ài)癡狂》"></a>
<a ><img src="images/5.jpg" width="185" alt="《游走，在北京的每一條街》" title="《游走，在北京的每一條街》"></a>
</div>
</div>
<script type="text/javascript" src="js/jq.orbit.js"></script>
<script type="text/javascript" src="js/orbit.js"></script>
演示圖：
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
相關(guān)文章
基于JSON格式數(shù)據(jù)的簡(jiǎn)單jQuery幻燈片插件(jquery-slider)
jquery-slider幻燈片插件通過(guò)json數(shù)據(jù)來(lái)提供圖片地址和描述信息，同時(shí)也可以更換json數(shù)據(jù)來(lái)動(dòng)態(tài)切換不同的圖片，對(duì)json數(shù)據(jù)jquery幻燈片插件相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-08-08
JQuery單選按鈕Radio和復(fù)選框checkbox的操作代碼
這篇文章主要介紹了JQuery單選按鈕Radio和復(fù)選框checkbox的操作，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
jQuery EasyUI ProgressBar進(jìn)度條組件
這篇文章主要為大家詳細(xì)介紹了jQuery EasyUI ProgressBar進(jìn)度條組件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了jQuery操作事件,結(jié)合完整實(shí)例形式分析了jquery事件綁定、解綁、響應(yīng)、觸發(fā)等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
jQuery實(shí)現(xiàn)炫麗的3d旋轉(zhuǎn)星空效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)炫麗的3d旋轉(zhuǎn)星空效果,涉及jQuery數(shù)值運(yùn)算與頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序(圖文詳解)
DOM事件標(biāo)準(zhǔn)定義了兩種事件流，這兩種事件流有著顯著的不同并且可能對(duì)你的應(yīng)用有著相當(dāng)大的影響。這兩種事件流分別是捕獲和冒泡。和許多Web技術(shù)一樣，在它們成為標(biāo)準(zhǔn)之前，Netscape和微軟各自不同地實(shí)現(xiàn)了它們，下面介紹DOM事件階段以及事件捕獲與事件冒泡先后執(zhí)行順序2015-08-08
jquery 輸入框數(shù)字限制插件，需要的朋友可以參考下。2009-11-11
這個(gè)跨域異步上傳功能我們借助了Jquery.form插件。接下來(lái)通過(guò)本文給大家介紹jQuery跨域異步上傳文件的相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
jquery tree 可編輯節(jié)點(diǎn)實(shí)現(xiàn)代碼(jquery一句話節(jié)點(diǎn)菜單)
jquery tree 可編輯節(jié)點(diǎn)，實(shí)現(xiàn)的三級(jí)菜單實(shí)現(xiàn)代碼，這里我們將為大家準(zhǔn)備了兩個(gè)。一個(gè)是鋒利的jquery中的一句話導(dǎo)航菜單實(shí)現(xiàn)代碼。非常不錯(cuò)。2009-11-11
JQuery居然沒(méi)有操作cookie相關(guān)的函數(shù)，搜了下官方有個(gè)cookie的插件。2010-04-04