今天给大家说一款小巧的 jQuery 响应式幻灯片插件,压缩后不到 4KB。几乎兼容所有浏览器,包括 IE6 以及各种移动设备上的浏览器。不过它的样式比较简单,如果我们想要更丰富的效果,可能需要自定义 CSS。

而这款比较简单而又实用的幻灯片插件就是——ResponsiveSlides.js

而本博客出品的一些主题用到的幻灯片插件就是这款!简单,实用,体积小,兼容性好!

使用方法

引入文件

<link rel="stylesheet" href="css/responsiveslides.css">
<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>

HTML文件

<ul class="rslides" id="dowebok">
    <li><img src="images/1.jpg" alt=""></li>
    <li><img src="images/2.jpg" alt=""></li>
    <li><img src="images/3.jpg" alt=""></li>
</ul>

js文件

$(function() {
    $('#dowebok').responsiveSlides();
});

一些参数

一款实用而简单的幻灯片插件