jQuery swiper横向滑动时间轴特效

来源:https://www.sucaihuo.com/js/4778.html 2019-09-25 11:56浏览(797) 收藏

一款非常漂亮的jQuery swiper横向滑动时间轴特效,支持鼠标拖动或点击左右箭头按钮控制时间轴左右滑动查看。
jQuery swiper横向滑动时间轴特效
分类:日期时间 > 时间轴 难易:初级
查看演示 下载资源: 14 下载资源 下载积分: 30 积分

js代码

<script src="statics/js/jquery.min.js"></script>
<script src="statics/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
	var mySwiper = new Swiper(".swiper-container", {
		slidesPerView: 4, //默认是显示4个
		initialSlide: 999, //默认从第几个显示,999是为了让右边没有
		spaceBetween: 0, //间距
		speed: 1000,//速度
		prevButton: ".swiper-button-prev", //左右按钮
		nextButton: ".swiper-button-next"
	})
})
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2