[TOC] #bxslider插件應用 ## 準備 去官網下載包，還有Jquery庫（不要特別高的版本）官網地址http://bxslider.com 然后去找Download<br> **我們為什么要用slider呢？(個人覺得比國產Swiper好~)↓**  ## 使用方法 首先引用Jquery和下載下來的js，css ~~~ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="/js/jquery.bxslider.min.js"></script> <link href="/lib/jquery.bxslider.css" rel="stylesheet" /> ~~~ html基礎代碼 ~~~ <ul class="bxslider"> <li><img src="/images/pic1.jpg" /></li> <li><img src="/images/pic2.jpg" /></li> <li><img src="/images/pic3.jpg" /></li> <li><img src="/images/pic4.jpg" /></li> </ul> ~~~ body之前初始化代碼，詳細參數參見http://bxslider.com/options ~~~ $(document).ready(function(){ $('.slider1').bxSlider({ slideWidth: 200, minSlides: 2, maxSlides: 3, slideMargin: 10 }); }); ~~~ **網站里有個案例頁面，看看你需要什么效果，然后去找http://bxslider.com/examples**