剛開始學習javaScript的時候，做輪播圖（比如手機淘寶首頁的廣告位置）是使用html和css結合js的for語句、傳參等知識寫出來的。但學到js事件時，其實用Swiper更加好寫，Swiper的功能更加強大！個人感覺自學也不會太難，可以參考一下本人的看法，剛開始學習swiper就非常喜歡它，若有錯誤的地方請指出，謝謝！
一、什么是Swiper?
Swiper常用於移動端網站的內容觸摸滑動，是純javascript打造的滑動特效插件，面向手機、平板電腦等移動終端，能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果，開源、免費、穩定、使用簡單、功能強大，是架構移動終端網站的重要選擇！（此介紹復制swiper中文網的解釋）
二、Swiper使用方法
打開Swiper的中文網，網址：http://www.swiper.com.cn/
1、首先，要加載插件，需要用到的文件有swiper.min.js和swiper.min.css文件。若你的頁面加載了jQuery.js或者zepto.js，你可以選擇使用更輕便的swiper.jquery.min.js。下載網址：http://www.swiper.com.cn/download/index.html
2、布局，寫HTML這一部分的內容。
3、在<title>標簽下面引入剛才下載的文件，並寫它的樣式，通過<style>...</style>
4、然后就通過<script>...</script>在里面實現你想要的效果吧。個人覺得Swiper的個別函數都是比較長的，如：autoplayDisableOnInteraction，那寫的時候可以直接在網頁復制過來。
三、感受Swiper的強大功能
打開這個網址：http://www.swiper.com.cn/api/index.html，在最左邊，有Swiper3.x的全部配置選項、方法、函數，在右邊有參數、效果演示、使用方法示例。可以在這個網頁上玩玩，看看具體實現的效果，同時，可以看它的寫法，結合多個功能一起寫，把一個輪播圖寫出來，你會愛上它非常強大的功能！