注册 登录 充值会员 退出
毕业设计 PHP源码
充值

3D堆叠式图片自动切换jQuery代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-02-18
3D堆叠式图片自动切换jQuery代码
jQuery 3D堆叠式图片自动切换代码是一款将各个slide堆叠在一起,有上下箭头按钮控制,利用jquery跟CSS3 transforms和transitions来制作上下切换的堆叠幻灯片效果。


JS代码


<script type="text/javascript" src="js/hubslider.js"></script>
<script type="text/javascript">
	$(function () {
		$('.hub-slider-slides ul').hubSlider({
			selector: $('li'),
			button: {
				next: $('.hub-slider-arrow_next'),
				prev: $('.hub-slider-arrow_prev')
			},
			transition: '0.7s',
			startOffset: 30,
			auto: true,
			time: 2 // secondly
		});
	})
</script>