注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-06-09
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>