輪播概念圖

輪播圖的輪播方式是自動每隔一段時間向左移動一張圖，迴圈滾動.

<div>
<ul class="pics-list">
<li><a href="#"><img src=""/></a></li>
<li><a href="#"><img src=""/></a></li>
<li><a href="#"><img src=""/></a></li>
<li><a href="#"><img src=""/></a></li>
<li><a href="#"><img src=""/></a></li>
</ul>
<ul class="points-list">
<li class="active">●</li>
<li>●</li>
<li>●</li>
<li>●</li>
<li>●</li>
</ul>

</div>

li點選事件（獲取點選當前li的索引）

點選圓點會回到圓點對應的圖片

$(".points-list li").click(function(){
$(this).addClass("active").siblings().removeClass("active")
var num = $(this).index();
$(".pics-list").css("left",-1*width*num+"px")
})

setInterval()方法

setInterval() 方法會不停地呼叫函式，直到 clearInterval() 被呼叫或視窗被關閉

每三秒3秒彈出 "Hello" ：setInterval(function(){alert("Hello");},3000);

獲取ul中li的數量（length）

$("ul li").length

獲取ul中li的寬度

$("ul li").width()