swiper carousel模式 图片滚动效果 带左右切换分页器导航
  • 分享到微信朋友圈
    X

transition 属性允许你在元素状态改变时控制过渡效果。它可以让你在元素从一种样式变换到另一种样式时产生平滑的过渡效果,比如从一种颜色渐变到另一种颜色,或者从隐藏到显示。

transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。

主要js

<script src="js/swiper.min.js" type="text/javascript"></script>
<script> 
  var swiper = new Swiper('.swiper-container',{
	autoplay:3000,
	loop:true,
	spaceBetween:68,
	centeredSlides:true,
	slidesPerView : 'auto',
	paginationClickable: true,
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
}); 
</script>