javascript實(shí)現(xiàn)循環(huán)廣告條效果

第javascript實(shí)現(xiàn)循環(huán)廣告條效果本文實(shí)例為大家分享了javascript實(shí)現(xiàn)循環(huán)廣告條的具體代碼，供大家參考，具體內(nèi)容如下

html代碼:

!DOCTYPEhtml

html

head

titleRotatingBanner/title

scriptsrc="script07.js"/script

linkrel="stylesheet"href="script01.css"rel="externalnofollow"

/head

body

div

imgsrc="images/reading1.gif"id="adBanner"alt="AdBanner"

/div

/body

/html

css代碼：

body{

background-color:white;

color:black;

font-size:20px;

font-family:"LucidaGrande",Verdana,Arial,Helvetica,sans-serif;

h1,th{

font-family:Georgia,"TimesNewRoman",Times,serif;

font-size:28px;

table{

border-collapse:collapse;

th,td{

padding:10px;

border:2px#666solid;

text-align:center;

width:20%;

#free,.pickedBG{

background-color:#f66;

.winningBG{

background-image:url(images/redFlash.gif);

}

js代碼：

window.onload=rotate;

varthisAd=0;

functionrotate(){

varadImages=newArray("images/reading1.gif","images/reading2.gif","images/reading3.gif");

thisAd++;

if(thisAd==adImages.length){

thisAd=0;

document.getElementById("adBanner").src=adImages[thisAd];

setTimeout(rotate,3*1000);//設(shè)置時(shí)間,本每隔多長時(shí)間改變廣告條中的GIF

在循環(huán)廣告條中添加鏈接：修改js的代碼

window.onload=initBannerLink;

varthisAd=0;

functioninitBannerLink(){

if(document.getElementById("adBanner").parentNode.tagName=="A"){

document.getElementById("adBanner").parentNode.onclick=newLocation;

rotate();

functionnewLocation(){

varadURL=newArray("","","");

document.location.href="http://www."+adURL[thisAd];

returnfalse;

functionrotate(){

varadImages=newArray("images/reading1.gif","images/reading2.gif","images/reading3.gif");

thisAd++;

if(thisAd==adImages.length){

thisAd=0;

document.getElementById("adBanner").src=adImages[thisAd];

setTi