国产视频app今天給大家說一款小巧的 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();
});

一些參數

一款實用而簡單的幻燈片插件