日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
jQuery旋轉(zhuǎn)輪播式插件CarouFredSel

介紹一款使用簡單，支持自定義樣式并且靈活健壯的jQuery旋轉(zhuǎn)輪播插件：CarouFredSel，能夠幫助你迅速的構(gòu)建一個(gè)輪播式的幻燈展示，使用簡單，功能強(qiáng)大，希望大家喜歡！

創(chuàng)新互聯(lián)建站專注于中大型企業(yè)的成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)和網(wǎng)站改版、網(wǎng)站營銷服務(wù)，追求商業(yè)策劃與數(shù)據(jù)分析、創(chuàng)意藝術(shù)與技術(shù)開發(fā)的融合，累計(jì)客戶上千多家，服務(wù)滿意度達(dá)97%。幫助廣大客戶順利對接上互聯(lián)網(wǎng)浪潮，準(zhǔn)確優(yōu)選出符合自己需要的互聯(lián)網(wǎng)運(yùn)用，我們將一直專注成都品牌網(wǎng)站建設(shè)和互聯(lián)網(wǎng)程序開發(fā)，在前進(jìn)的路上，與客戶一起成長！

主要特性：

支持完整自定義和皮膚

支持responsive/fluid/liquid，保證各種客戶端的顯示

支持可變的顯示項(xiàng)目個(gè)數(shù)

支持鍵盤和鼠標(biāo)導(dǎo)航

7個(gè)內(nèi)建的效果: none, scroll, directscroll, fade, crossfade, cover and uncover.

內(nèi)建自定義的智能事件和加載選項(xiàng)

定義的高和寬中保證顯示項(xiàng)目對齊（左/中/右）.

支持動(dòng)態(tài)添加和刪除顯示項(xiàng)目

幻燈創(chuàng)建后也可以支持獲取，重置或者設(shè)置配置選項(xiàng)

如何使用？

以下是基本使用代碼范例，如果大家有興趣，可以參考CarouFredSel網(wǎng)站上的其它例子

HTML代碼：

 
 
 
    
  
  
  
  1. < class="image_carousel">   
    2. 
  
  
  
  2.      < id="foo1">   
    3. 
  
  
  
  3.             
    4. 
  
  
  
  4.             
    5. 
  
  
  
  5.             
    6. 
  
  
  
  6.             
    7. 
  
  
  
  7.             
    8. 
  
  
  
  8.             
    9. 
  
  
  
  9.             
    10. 
  
  
  
  10.             
    11. 
  
  
  
  11.             
    12. 
  
  
  
  12.             
    13. 
  
  
  
  13.             
    14. 
  
  
  
  14.             
    15. 
  
  
  
  15.         
    16. 
  
  
  
  16.      < class="clearfix">   
    17. 
  
  
  
  17.   
    18.

CSS樣式：

 
 
 
    
  
  
  
  1. .image_carousel { 
    2. 
  
  
  
  2.     padding: 15px 0 15px 40px; 
    3. 
  
  
  
  3. } 
    4. 
  
  
  
  4. .image_carousel img { 
    5. 
  
  
  
  5.     border: 1px solid #ccc; 
    6. 
  
  
  
  6.     background-color: white; 
    7. 
  
  
  
  7.     padding: 9px; 
    8. 
  
  
  
  8.     margin: 7px; 
    9. 
  
  
  
  9.     display: block; 
    10. 
  
  
  
  10.     float: left; 
    11. 
  
  
  
  11. } 
    12. 
  
  
  
  12. .clearfix { 
    13. 
  
  
  
  13.     float: none; 
    14. 
  
  
  
  14.     clear: both; 
    15. 
  
  
  
  15. }
    16.

Javascript代碼：

 
 
 
    
  
  
  
  1. $("#foo1").carouFredSel();
    2.

在線演示

本地下載


當(dāng)前標(biāo)題：jQuery旋轉(zhuǎn)輪播式插件CarouFredSel
文章出自：http://m.5511xx.com/article/cogchse.html