效果：

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

對HTML、CSS的要求：

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

        		
網(wǎng)友評論