$(".project-detail").slick({ slidesToShow: 1, arrows: false, asNavFor: '.project-strip', autoplay: true, autoplaySpeed: 3000 }); $(".project-strip").slick({ slidesToShow: 5, slidesToScroll: 1, arrows: false, asNavFor: '.project-detail', dots: false, infinite: true, centerMode: true, focusOnSelect: true }); "/>

两侧图片模糊效果jQuery焦点图切换插件

90
0
这是一款带有非当前预览图片两侧图片模糊效果jQuery焦点图切换插件，支持鼠标拖动或点击切换和手机移动端触屏滑动切换。
js代码

<script src='js/slick.min.js'></script>
<script type="text/javascript">
	$(".project-detail").slick({
		slidesToShow: 1,
		arrows: false,
		asNavFor: '.project-strip',
		autoplay: true,
		autoplaySpeed: 3000
	});

	$(".project-strip").slick({
		slidesToShow: 5,
		slidesToScroll: 1,
		arrows: false,
		asNavFor: '.project-detail',
		dots: false,
		infinite: true,
		centerMode: true,
		focusOnSelect: true
	});
</script>
jQuery页面滚动顶部固定tab选项卡切换代码
CSS3转盘抽奖活动banner图片动画特效

热点素材