欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

最新評(píng)論