swiper图片无缝滚动效果自动播放
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍如何使用swiper制作全屏无缝滚动效果 自动播放可拖拽, Swiper是一款开源、免费、强大的触摸滑动插件，常用于移动端网站的内容触摸滑动，Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！

如何使用：

引用jQuery.js 和 swiper.js

<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>

调用 swiper.js

<script> 
 	
	var swiper = new Swiper('.swipermarquee-left .swiper-container',{
		autoplay: 6000,
        autoplayDisableOnInteraction: false,
		loop:true,
		spaceBetween:5,
		slidesPerView :4,
		speed:1000,
		
	}); 
	
</script>