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)系作者
