简洁大气的jQuery响应式全屏幻灯片特效代码-爱编程

简洁大气的jQuery响应式全屏幻灯片特效代码

来源：htmleaf 阅读：10 时间：2018-02-04 01:24

这个jQuery幻灯片插件的特点是全屏宽度和响应式。插件中使用了CSS transitions来做运动效果。它的图片能跟随屏幕放大缩小。

HTML

<div id="cbp-fwslider" class="cbp-fwslider">
    <ul>
        <li><a href="#"><img src="images/1.jpg" alt="img01"/></a></li>
        <li><a href="#"><img src="images/2.jpg" alt="img02"/></a></li>
        <li><a href="#"><img src="images/3.jpg" alt="img03"/></a></li>
        <li><a href="#"><img src="images/4.jpg" alt="img04"/></a></li>
        <li><a href="#"><img src="images/5.jpg" alt="img05"/></a></li>
    </ul>
</div>

更详细的教程请参看《》

在线预览源码下载