swiper.js实现跑马灯效果，无缝衔接,鼠标悬停
- 需求：一个信息列表自动滚动，并且鼠标划入，滚动暂停，划出则恢复滑动。可以手动左右滑动。
var mySwiper1 = new Swiper('.swiper',{observer: true, observeSlideChildren: true,observeParents: true, //这三个可以去文档看下介绍，主要就是异步情况会重新加载swiper。loop: true, //开启环路speed: 3000, //每个轮播图过渡的时间spaceBetween: 28, //每个轮播图间距slidesPerView: 5, //当前页面显示几个，这里是autoloopedSlides: 7, //比你页面显示的数量大于2就好updateOnWindowResize: false, //分辨率改变时，防止样式错乱加上！autoplay: {delay: 0, //每循环一圈，间隔时间，无缝轮询，则为0stopOnLastSlide: false,disableOnInteraction: false,pauseOnMouseEnter: true,},});
- 遇到的问题：初始化的时候可以配置显示的数量，以及每个滑块的边距，所以css里面就不要写边距了，要不然滑动会闪烁。