寫一個(gè)jquery實(shí)現(xiàn)swiper輪播圖的案例，主要功能有自動(dòng)跳到下一張圖片，點(diǎn)擊左右側(cè)按鈕跳轉(zhuǎn)上一張和下一張。
1.首先新建一個(gè)html頁面，編輯器自動(dòng)初始化一下代碼。
2.寫一下html的dom和css部分，分為三塊：一是圖片顯示部分，二是底部原點(diǎn)顯示部分，三是兩側(cè)按鈕部分。
3.去bootcnd找一下jquery的鏈接，引入js。
4.實(shí)例化js，思路就是創(chuàng)建一個(gè)class，定時(shí)器方法用jq控制圓點(diǎn)的高亮顯示狀態(tài)然后將圖片向左平移出窗口顯示區(qū)域，初始化聲明左右兩側(cè)的點(diǎn)擊事件，當(dāng)點(diǎn)擊時(shí)向左或向右平移位置，在init方法中初始化定時(shí)和點(diǎn)擊事件
最終的實(shí)現(xiàn)效果如下
