使用swiper来实现轮播图
由于简单这里当然就不会去详细介绍了,推荐两个网址:
1.http://www.swiper.com.cn/usage/index.html 它很简明地告诉了你应该如何去搭建这样的框架。
2.http://www.swiper.com.cn/api/ 这里讲述了我们应该如何去设置更多的功能。
1 加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件
<!DOCTYPE html>
<html>
<head>
...
<link rel="stylesheet" href="dist/css/swiper.min.css">
</head>
<body>
...
<script src="dist/js/swiper.min.js"></script>
...
</body>
</htm
2
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class=