swiper.js实现跑马灯效果，无缝衔接,鼠标悬停

1. 需求：一个信息列表自动滚动，并且鼠标划入，滚动暂停，划出则恢复滑动。可以手动左右滑动。

var mySwiper1 = new Swiper('.swiper',{
              observer: true,  
              observeSlideChildren: true,
              observeParents: true,  //这三个可以去文档看下介绍，主要就是异步情况会重新加载swiper。
              loop: true, //开启环路
              speed: 3000, //每个轮播图过渡的时间
              spaceBetween: 28, //每个轮播图间距
              slidesPerView: 5, //当前页面显示几个，这里是auto
              loopedSlides: 7, //比你页面显示的数量大于2就好
              updateOnWindowResize: false,  //分辨率改变时，防止样式错乱加上！
              autoplay: {
                delay: 0,   //每循环一圈，间隔时间，无缝轮询，则为0
                stopOnLastSlide: false,
                disableOnInteraction: false,
                pauseOnMouseEnter: true,
              },


      });

1. 遇到的问题：初始化的时候可以配置显示的数量，以及每个滑块的边距，所以css里面就不要写边距了，要不然滑动会闪烁。