1 2 3 4 5 6 7 8 9 10 | 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
样式就在页面上 已经写好的 直接用
下面有联动页面的切换 可以手动翻页,也可以自己写
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com