懒人之家--可能是JS网页特效代码收集最全的懒站!

slick插件实现jQuery放大缩小淡入淡出焦点图特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-03-07
一款基于slick插件实现的jQuery图片放大缩小淡入淡出过渡动画焦点图特效效果,它还支持手机移动触摸设备。


js代码


<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src='js/jquery.easing.min.js'></script>
<script src='js/slick.min.js'></script>
<script type="text/javascript">
	$('.slider').slick({
		autoplay:true,
		autoplaySpeed:3000,
		draggable: true,
		arrows: false,
		dots: true,
		fade: true,
		speed: 900,
		infinite: true,
		cssEase: 'cubic-bezier(0.7, 0, 0.3, 1)',
		touchThreshold: 100
	  })
</script>