var?count;
$(document).ready(function(){
??count=?$(".main?a").length;?/*給動態變化的i備用*/;
??//創建一個showTime函數
function?showTime(){
??//定時器
??timer?=?setInterval(function(){
????//調用一個Show()函數
????Show();
????i++;
????//當圖片是最后一張的后面時，設置圖片為第一張
????if(i==5){
??????i=0;
????}
??},2000);
}


//創建一個Show函數
function?Show(){
??//在這里可以用其他jquery的動畫
??$('.ig').eq(i).fadeIn(300).siblings('.ig').fadeOut(300);
??
??//給.tab創建一個新的Class為其添加一個新的樣式，并且要在css代碼中設置該樣式
??$('.tab').eq(i).addClass('bg').siblings('.tab').removeClass('bg');
??
??/*
???*?css中添加的代碼：
???*?.bg{?background-color:?#f00;?}
???*?*/
}
??
??//鼠標點擊左側的箭頭
??$('.btn1').click(function(){
????clearInterval(timer);
????if(i?==?0){
??????i?=?count;//注意此時i的值
????}
????i--;
????Show();
????showTime();
??});
??
??//鼠標點擊右側的箭頭
??$('.btn2').click(function(){
????clearInterval(timer);
????//console.log(count-1);
????if(i?==?count-1){
??????i?=?-1;//注意此時i的值
????}
????i++;
????Show();
????showTime();
??});
??
});