效果：

  • 自動(dòng)循環(huán)播放圖片，下方有按鈕可以切換到對(duì)應(yīng)圖片。
  • 添加一個(gè)動(dòng)畫來實(shí)現(xiàn)圖片切換。
  • 鼠標(biāo)停在圖片上時(shí)，輪播停止，出現(xiàn)左右兩個(gè)箭頭，點(diǎn)擊可以切換圖片。
  • 鼠標(biāo)移開圖片區(qū)域時(shí)，從當(dāng)前位置繼續(xù)輪播。
  • 提供一個(gè)接口，可以設(shè)置輪播方向，是否循環(huán)，間隔時(shí)間。
  • 點(diǎn)擊查看demo

對(duì)HTML、CSS的要求：

復(fù)制代碼 
<div class="carousel-box"> <div class="carousel"> <ul class="clearfix" > <li><img src="img/carousel01.jpg" alt<
        
		

        		
網(wǎng)友評(píng)論