2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

swiper效果入门实战

html5javascriptswipercss3作者:东邪

我们在开发过程中经常会遇到轮播的效果,swiper.js这个插件可以满足绝大部分需求;在开发中遇到这种方面的需求大家可以去查查具体文档资料,在此提供一个简单的代码例子仅供参考。


var mySwiper = new Swiper('.swiper-container',{
	loop:true,
	autoplay: {
	delay: 3000,
	stopOnLastSlide: false,
	disableOnInteraction: false,
	},
	grabCursor: true,
	centeredSlides : true,
	paginationClickable: true,
	loopAdditionalSlides : 1,
	on:{
		slideChange: function(){
		var swiper=this;
		get_current_pos(swiper);//处理每屏轮播后的函数
	   },
	}
});

例子很简单,仅仅提供入门参考。


本文原创于猿2048
« 上一篇:JavaScript动画之转呀转
» 下一篇:Angular 从入坑到挖坑 - 模块简介
评论
点击刷新
评论
相关博文
×添加代码片段