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