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、在文件中加入區(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)文章

jQuery實(shí)現(xiàn)表單驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)表單驗(yàn)證功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
Jquery中request和request.form和request.querystring的區(qū)別
Request.Form是獲取以POST方式提交的表單數(shù)據(jù),Request.QueryString主要是獲取地址欄參數(shù)或者以Get方式提交的數(shù)據(jù),而Request則包含以上兩種方式，會(huì)在Request.QueryString和Request.Form中都查詢一遍變量
2015-11-11
chrome下jq width()方法取值為0的解決方法
使用了jq的width()方法時(shí)在ff跟ie下運(yùn)行問(wèn)題不大，但是到了chrome上，就出現(xiàn)問(wèn)題
2014-05-05
Jquery easyUI 更新行示例
這篇文章主要介紹了Jquery easyUI 更新行、更新指定的行,需要的朋友可以參考下
2014-03-03
jQuery實(shí)現(xiàn)手機(jī)號(hào)碼輸入提示功能實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)手機(jī)號(hào)碼輸入提示功能,實(shí)例分析了jQuery針對(duì)手機(jī)號(hào)碼的判斷與提示相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片預(yù)覽大圖效果
我們可以借助jQuery來(lái)實(shí)現(xiàn)一些很酷炫的效果，本篇為大家介紹下通過(guò)jQuery實(shí)現(xiàn)當(dāng)鼠標(biāo)經(jīng)過(guò)了圖片數(shù)，圖片會(huì)放大進(jìn)行預(yù)覽大圖,需要的朋友可以參考下
2014-04-04
jQuery ajax請(qǐng)求struts action實(shí)現(xiàn)異步刷新
這篇文章主要為大家詳細(xì)介紹了JQuery ajax請(qǐng)求struts action實(shí)現(xiàn)異步刷新，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
jQuery 導(dǎo)航自動(dòng)跟隨滾動(dòng)的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery 導(dǎo)航自動(dòng)跟隨滾動(dòng)的實(shí)現(xiàn)代碼,需要的朋友可以參考下
2018-05-05
jQuery中slideUp 和 slideDown 的點(diǎn)擊事件
這篇文章主要介紹了jQuery中slideUp 和 slideDown 的點(diǎn)擊事件的相關(guān)資料,需要的朋友可以參考下
2015-02-02
Jquery插件寫(xiě)法筆記整理
大部分jQuery插件都是這種類(lèi)型的插件，由于這種插件是將對(duì)象方法封裝起來(lái)，在jQuery選擇器獲取jQuery對(duì)象過(guò)程中進(jìn)行操作，從而發(fā)揮jQuery強(qiáng)大的選擇器優(yōu)勢(shì)
2012-09-09