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

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

更详细的教程请参看《》