1.HTML框架；如下圖，分為三個(gè)部分，首先有個(gè)div承載，然后一個(gè)ul存放圖片，一個(gè)ul存放數(shù)字，再兩個(gè)button即可。2.CSS配置；首先外框div要設(shè)置和圖片大小一致，并且居中對齊，position設(shè)置為相對定位，因?yàn)楹竺娴膱D片什么的都是相對這個(gè)大框來絕對定位的。接著設(shè)置圖片，五張圖片疊加這個(gè)通過absolute這個(gè)屬性來實(shí)現(xiàn)，因?yàn)樯厦嫖覀儼迅讣壢萜髟O(shè)置為relative，所以里面的子元素都是相對父級div來絕對定位的。接下來的其他元素我會用注釋寫到代碼中。效果如下：3.jquery控制輪播。實(shí)現(xiàn)手動(dòng)輪播；意思就是鼠標(biāo)移到下面數(shù)字，就顯示對應(yīng)的圖片。實(shí)現(xiàn)自動(dòng)輪播；實(shí)現(xiàn)點(diǎn)擊輪播；動(dòng)態(tài)控制li數(shù)字顯示數(shù)量。通過圖片數(shù)量控制標(biāo)簽數(shù)量即可。