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