带图片选择按钮横幅广告.docVIP

功能：带图片选择按钮的横幅广告 作者：zxfonline 时间：2009-6-10 23:03 版本：LV 1.0 zxfonline 2009-6-10 23:03 -- html head meta http-equiv=content-type content=text/html;charset=gb2312/ title带图片选择按钮的横幅广告/title style type=text/css div{ font-size:12px; line-height:22px; } .red { color: #FF0000 } a{ text-decoration:none; } /style script type=text/javascript language=javascript var InitAddImg=1; //最先显示第一张图片 var maxAddImg=4; //一共四张图片 var theTime; //计时器 function showAdd(d1){ if(Number(d1)==true){ //判断参数是否存在，如果存在重新设置当前显示的图片 //clearInterval(theTime); //当触动按扭时，参数存在，清除计时器 InitAddImg=d1; //设当前显示图片为按钮触动要显示的图片 } for(var i=1;i=maxAddImg;i++){ if(i==InitAddImg){ document.getElementById(div+InitAddImg).style.display=block; }else{ document.getElementById(div+i).style.display =none; } } if(InitAddImg=maxAddImg){ //设置下一个显示的图片,如果当前显示最后一张图片，那么下一张显示图片是第一张 InitAddImg=1; }else{ InitAddImg++; } } theTime=setInterval(showAdd(),3000); //设置定时器，3秒钟调用一次显示下一张图片 /script /head body onload=showAdd() div align=center img src=image/ad-01.jpg style=display:none; id=div1 name=addImg border=0/ img src=image/ad-02.jpg style=display:none; id=div2 name=addImg border=0/ img src=image/ad-03.jpg style=display:none; id=div3 name=addImg border=0/ img src=image/ad-04.jpg style=display:none; id=div4 name=addImg border=0/ div style=position:relative;left:130px;top:-20px; align=center a href=javascript:showAdd(1)[1]/a a href=javascript:showAdd(2)[2]/a a href=javascript:showAdd(3)[3]/a a href=javascript:showAdd(4)[4]/a /div /div /body /html 这个代码该表一下你想轮换播放的图片路径就可以了哈