jQuery旋转轮播式插件CarouFredSel

介绍一款使用简单，支持自定义样式并且灵活健壮的jQuery旋转轮播插件：CarouFredSel，能够帮助你迅速的构建一个轮播式的幻灯展示，使用简单，功能强大，希望大家喜欢！

创新互联建站专注于中大型企业的成都做网站、成都网站建设、成都外贸网站建设和网站改版、网站营销服务，追求商业策划与数据分析、创意艺术与技术开发的融合，累计客户上千多家，服务满意度达97%。帮助广大客户顺利对接上互联网浪潮，准确优选出符合自己需要的互联网运用，我们将一直专注成都品牌网站建设和互联网程序开发，在前进的路上，与客户一起成长！

主要特性：

支持完整自定义和皮肤

支持responsive/fluid/liquid，保证各种客户端的显示

支持可变的显示项目个数

支持键盘和鼠标导航

7个内建的效果: none, scroll, directscroll, fade, crossfade, cover and uncover.

内建自定义的智能事件和加载选项

定义的高和宽中保证显示项目对齐（左/中/右）.

支持动态添加和删除显示项目

幻灯创建后也可以支持获取，重置或者设置配置选项

如何使用？

以下是基本使用代码范例，如果大家有兴趣，可以参考CarouFredSel网站上的其它例子

HTML代码：

 
 
 

  
  
  
< class="image_carousel">   
  
  
  
     < id="foo1">   
  
  
  
            
  
  
  
            
  
  
  
            
  
  
  
            
  
  
  
            
  
  
  
            
  
  
  
            
  
  
  
            
  
  
  
            
  
  
  
            
  
  
  
            
  
  
  
            
  
  
  
        
  
  
  
     < class="clearfix">   
  
  
  
  
 
 
 

CSS样式：

 
 
 

  
  
  
.image_carousel { 
  
  
  
    padding: 15px 0 15px 40px; 
  
  
  
} 
  
  
  
.image_carousel img { 
  
  
  
    border: 1px solid #ccc; 
  
  
  
    background-color: white; 
  
  
  
    padding: 9px; 
  
  
  
    margin: 7px; 
  
  
  
    display: block; 
  
  
  
    float: left; 
  
  
  
} 
  
  
  
.clearfix { 
  
  
  
    float: none; 
  
  
  
    clear: both; 
  
  
  
}
 
 
 

Javascript代码：

 
 
 

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

在线演示

本地下载

网页标题：jQuery旋转轮播式插件CarouFredSel
URL分享：http://www.shufengxianlan.com/qtweb/news41/16041.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联