Jquerty?輪播圖
例如：
margin:?0;
padding:?0
ul,ol{
list-style:?none;
}
/*消除圖片底部3像素距離*/
img{
vertical-align:?top;
}
<?img?src="images/1.jpg"?width="500"?height="200"><?img?src="images/2.jpg"?width="500"?height="200"><?img?src="images/3.jpg"?width="500"?height="200"><?img?src="images/4.jpg"?width="500"?height="200"><?img?src="images/5.jpg"?width="500"?height="200">展示效果如圖：
再此之前?我們要明白，小圓點?1?2?3?并不是寫死的，它是根據(jù)ul?li中的圖片張數(shù)來決定的?，所以?我們要先把div中ol?li中的代碼去掉
要實現(xiàn)無縫滾動?就需要多一張圖片才行?，即克隆第一張圖片，放到最后面。此時css布局保留，div中只剩下：
```
<?img?src="images/1.jpg"?width="500"?height="200"><?img?src="images/2.jpg"?width="500"?height="200"><?img?src="images/3.jpg"?width="500"?height="200"><?img?src="images/4.jpg"?width="500"?height="200"><?img?src="images/5.jpg"?width="500"?height="200">此時我們用js代碼生成小圓點
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
