最近沉迷于做轮播图无法自拔!!! 前端小沫沫推荐一个很好用的网站, swiper 里面有很多模板,经过我这几天的摸索,沉迷于成功后的喜悦无法自拔,怀着激动的心情跟大家分享一下。 查看演示以后我们下载源码后把需要的js和css引入。
特别注意的是,在html中最后写的script 要放到js文件中靠后的位置。
控制轮播图自动播放的js也可以这样写:
var mySwiper = new Swiper('.swiper-container', {
autoplay:{
delay:3000,
stopOnLastSlide:false
},
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
});