1、Owl Carousel

Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件，它具有一下特点：

• 兼容所有浏览器
• 支持响应式
• 支持 CSS3 过度
• 支持触摸事件
• 支持 JSON 及自定义 JSON 格式
• 支持进度条
• 支持自定义事件
• 支持延迟加载
• 支持自适应高度
• ……

Owl Carousel 提供了众多的参数、回调函数及自定义事件（具体请往下浏览），所以它几乎可以满足你的所有要求。

兼容

浏览器兼容：兼容所有浏览器，包括 IE6、IE7。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

2、HTML

    
         
     
      1
     
    
     
      2
     
    
     
      3
     
    
     
      4
     
    
     
      5
     
    
     
      6
     
    
     
      7
     
    
     
      8
     
    

3、JavaScript

$(function(){    $('#owl-example').owlCarousel();});

 

 

2、Slider Revolution

<script src="js/jquery.js"></script> 

<link rel="stylesheet"  href="css/style.css" media="screen" />  <script src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>  <script src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>