swiper基础调用

在html中构建好几张图或者几个字(每张图要用class名为swiper-slide的小div包裹并全由class名为swiper-wrapper的div包裹)

在js命令行中:

var mySwiper=new Swiper('.swiper',{

//loop : true,无限循环

//autoplay:true,轮播图自动切换

//keyboard : true,键盘控制轮播图

//freeMode: true,使劲会撞到并反弹

//touchRatio : 0.1,触摸变慢

//slidesPerView: 3,grid: {fill: 'column',rows: 2,},网格布局放在一块

//mousewheel: true,

//pagination: {el: '.swiper-pagination',},导航点:但在class名为swiper-wrapper的div的外面加上这一行:<div class="swiper-pagination"></div>

})