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

当前位置:主页 > jQuery库 > 幻灯片和轮播图 > 简洁大气的jQuery响应式全屏幻灯片特效代码
简洁大气的jQuery响应式全屏幻灯片特效代码
分享:

    插件介绍

    这是一款非常简洁的jQuery响应式全屏幻灯片特效代码。这款幻灯片特效代码最大的特点的图片可以随屏幕的缩小而缩小,非常适合于移动设备使用。

    浏览器兼容性

    浏览器兼容性
    时间:11-02
    阅读:

简要教程

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

更详细的教程请参看《