特效介绍

这款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

});

具体效果看右侧的【在线演示】吧^_^

TAG标签：模糊效果轮播图

上一个：梦幻卡通风格CSS3焦点轮播图文 带动画切换特效
下一个：swiper制作手机触屏滑动全屏幻灯片左右切换代码