最近在写一个网页小说的项目用到了swiper.js 作为翻页插件 (记录)。
1. 下载swiper.js
2. 项目引入js以及css
<link rel="stylesheet" href="../css/swiper.css" />
<script src="../js/node/swiper.min.js"></script>
3.页面结构
4.初始化
//初始化swiper(左右翻页)
var mySwiper = new Swiper('.swiper-container , .controller_menu',{
//禁止第一张和最后一张回弹留白
resistanceRatio : 0
});
具体了解文档 http://www.swiper.com.cn/usage/index.html
扫描二维码关注公众号,回复:
950592 查看本文章