var swiper1 = new Swiper('.swiper1', { slidesPerView: 5.5, //头部一行显示多少个 .5表示显示半个 paginationClickable: true, //此参数设置为true时,点击分页器的指示点分页器会控制Swiper切换。 spaceBetween: 10, //slide之间的距离(单位px)。 freeMode: true, //默认为false,普通模式:slide滑动时只滑动一格,并自动贴合wrapper,设置为true则变为free模式,slide会根据惯性滑动且不会贴合。 loop: false, //是否可循环 onTab: function(swiper) { var n = swiper1.clickedIndex; } });
引用js swiper的js css
样式就在页面上 已经写好的 直接用
下面有联动页面的切换 可以手动翻页,也可以自己写