<style type="text/css"> .body{  width:524px;  border:solid 1px #666;  margin-left:auto;  margin-right:auto;  } .bg{    background-color:#E0E0E0;    height:20px;    border-top:solid 1px #B4B4B4;    }  .number{    font-size: 14px;    font-weight: bold;    color: #FFF;    background-color: #9E2E07;    display: block;    border: 1px solid #FFF;    width:18px;    height:18px;    text-align: center;    margin-left:10px;    cursor:pointer;    float:left;    }  .numberOver{    color:#8C2806;    font-size:14px;    width:280px;    background-color:#FFF;    text-align:center;    float:left;    display: block;    margin-left:10px;    }.main{  width:95%;  margin-left:auto;  margin-right:auto;  }  .left_indent{    padding-left:20px;    }  .red{    color:#F00;    } </style>

 <div class="body"><img src="ad-01.jpg" width="524" height="190" border="0" alt="廣告圖片" id="Rotator"> <div class="bg"> <div class="number" id="fig_1" onclick="show(1);">1</div> <div class="number" id="fig_2" onclick="show(2);">2</div> <div class="number" id="fig_3" onclick="show(3);">3</div> <div class="number" id="fig_4" onclick="show(4);">4</div>  </div> </div>

 <script type="text/javascript"> // JavaScript Document//定義全局變量var title=new Array();title[0]="1.店慶第一波 限時(shí)搶購 一日三瘋！";title[1]="2.十年店慶均價(jià)場 39/99/169專場！";title[2]="3.全場69折封頂 享當(dāng)當(dāng)?shù)某档蛢r(jià)！";title[3]="4.店慶鉅獻(xiàn) 海量圖書69折封頂";var NowFrame = 1;  //最先顯示第一張圖片var MaxFrame = 4;  //一共五張圖片function show(d1) {  if(Number(d1)){    clearTimeout(theTimer); //當(dāng)觸動(dòng)按扭時(shí)，清除計(jì)時(shí)器    NowFrame=d1;        //設(shè)當(dāng)前顯示圖片    }  for(var i=1;i<(MaxFrame+1);i++){    if(i==NowFrame){            document.getElementById("Rotator").src ="ad-0"+i+".jpg";  //顯示當(dāng)前圖片      document.getElementById("fig_"+i).innerHTML=title[i-1];    //顯示當(dāng)前圖片對應(yīng)的標(biāo)題      document.getElementById("fig_"+i).className="numberOver";  //設(shè)置當(dāng)前標(biāo)題的CSS樣式     }     else{     document.getElementById("fig_"+i).innerHTML=i;     document.getElementById("fig_"+i).className="number";     }  }  if(NowFrame == MaxFrame){  //設(shè)置下一個(gè)顯示的圖片    NowFrame = 1;    }  else{    NowFrame++;    }}var theTimer=setInterval('show()', 3000);  //設(shè)置定時(shí)器，顯示下一張圖片window.onload=show;  //頁面加載時(shí)運(yùn)行函數(shù)show()</script>