超簡潔的響應式幻燈 - unslider

jjfat 11年前發布 | 11K 次閱讀 響應式幻燈 unslider jQuery插件 jQuery

響應式幻燈

Unslider是一款超迷你的響應式幻燈,如果你需要找到一款純粹的幻燈插件的話。unslider就是你的不錯選擇,支持響應式,并且支持觸摸設備。沒有多余的功能,純粹的幻燈實現。主要特性:

  • 支持不同瀏覽器
  • 支持鍵盤導航支持
  • 自動修改圖片高度
  • 支持響應式
  • 如果需要支持觸摸設備的話,可以使用jQuery.event.swipe插件

如何使用?

導入類庫:

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://unslider.com/unslider.js"></script>

HTML代碼:

<div class="banner">
    <ul>
        <li>This is a slide.</li>
        <li>This is another slide.</li>
        <li>This is a final slide.</li>
    </ul>
</div>

CSS代碼:

.banner { position: relative; overflow: auto; }
    .banner ul { list-style: none; }

Javascript:

$(function() {
    $('.banner').unslider();
});

 

來源:超簡潔的響應式幻燈 - unslider

 本文由用戶 jjfat 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!