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


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