界面效果如下：
功能：
1）自動(dòng)播放
2）下方小圓點(diǎn)控制
3）左右按鈕控制
4）控制當(dāng)頁面寬度調(diào)整（大于1000像素）時(shí)始終時(shí)輪播組件居中
主要代碼解析：
（1）html代碼部分
（2）CSS部分（詳見代碼源文件）：
①關(guān)于圖片的排放：ul元素中通過對(duì)每個(gè)li元素設(shè)置float為left使所有圖片左對(duì)齊陪捷，實(shí)現(xiàn)并排效果司浪，當(dāng)然這要求ul的寬度足夠讓所有圖片并排椅挣，ul的寬度在js中設(shè)置乒融。為了改變圖片的位置，還應(yīng)將img設(shè)置為relative畜号。
②關(guān)于底部圓點(diǎn)選項(xiàng)卡：默認(rèn)第一個(gè)被選中缴阎，設(shè)置為白色，透明度為1简软，通過將display設(shè)置為inline-block使得不僅能夠設(shè)置圓點(diǎn)寬高，還能夠使其并排述暂。
③關(guān)于左右按鈕：由圓圈跟箭頭組成痹升。鼠標(biāo)進(jìn)入輪播圖區(qū)域?qū)⒏淖儼粹o的透明度，通過絕對(duì)定位使左右按鈕放置在錄播圖組件的兩側(cè)畦韭，關(guān)于箭頭的制作用到了CSS3的transform屬性疼蛾。??????????
（3）JS部分：
①對(duì)輪播組件居中的調(diào)整
②函數(shù)的實(shí)現(xiàn)
③自動(dòng)輪播——定時(shí)器
④下方按鈕的控制
⑤左右按鈕實(shí)現(xiàn)切換
