jquery幻灯片插件之owl.carousel.js

官网地址：http://owlcarousel2.github.io/OwlCarousel2/

这个插件兼容各种浏览器，以及移动端

使用方法：

1、下载文件，解压以后，把dist里面的文件放到项目中

2、引入jquery文件，必须是1.8以上的

3、页面引入的文件：

4、页面代码：

 1 
class="owl-carousel owl-theme">
 2             
class="item">
 3                 
 4                     "img/ad001-l.png" media="(min-width:50em)">
 5                     "img/ad001-m.png" media="(min-width:30em)">
 6                     "img/ad001.png" alt="2015年度报告">
 7                 
 8             
 9             
class="item">
10                 
11                     "img/ad002-l.png" media="(min-width: 50em)">
12                     "img/ad002-m.png" media="(min-width: 30em)">
13                     "img/ad002.png" alt="新年红包">
14                 
15             
16             
class="item">
17                 
18                     "img/ad003-l.png" media="(min-width: 50em)">
19                     "img/ad003-m.png" media="(min-width: 30em)">
20                     "img/ad003.png" alt="新手秘籍">
21                 
22             
23         

 

转载于:https://www.cnblogs.com/zhaobao1830/p/6635015.html