JavaScript实现滚动广告教程

作网页，总想多拉广告。在编制页面时，总想在有限的空间内放置尽可能多的内容，以求页面的紧凑与完美，如何在页面的固定位置轮流播放滚动广告呢，就象足球场边的三角翻转广告牌。JavaApplet程序可以实现，而且可滚动的广告远远多余三角滚动广告牌。不过速度实在太慢了。下面就向你介绍一种用 JavaScript编写的在页面的固定广告位轮流播放广告的方法。

　　把以下代码放在〈head〉〈/head〉之间:

〈script language=″JavaScript″〉

　　〈!－－ Hide from old browsers

　　var i = 1;

　　banner1= new Image();

　　banner1.src = ″广告图标＃1″;

　　banner2 = new Image();

　　banner2.src = ″广告图标＃2″;

　　banner3 = new Image();

　　banner3.src = ″广告图标＃3″;

　　links = new Array

　　links[1] = ″广告图标＃1的URL地址″

　　links[2] = ″广告图标＃2的URL地址″

　　links[3] = ″广告图标＃3的URL地址″

　　description = new Array

　　description[1] = ″广告＃1的简介″

　　description[2] = ″广告＃2的简介″

　　description[3] = ″广告＃3的简介″

　　function startTime(){

　　 var time= new Date();

　　 hours= time.getHours();

　　 mins= time.getMinutes();

　　 secs= time.getSeconds();

　　 closeTime=hours＊3600＋mins＊60＋secs;

　　 closeTime＋=5;到显示下一幅图形的时间。

　　 Timer();

　　}

　　function Timer(){

　　 var time= new Date();

　　 hours= time.getHours();

　　 mins= time.getMinutes();

　　 secs= time.getSeconds();

　　 curTime=hours＊3600＋mins＊60＋secs

　　 if (curTime〉=closeTime){

　　 if (i 〈 3){ // 图形总数

i＋＋;

　　 document.banner.src = eval(″banner″＋i＋″.src″);

}

else {

i = 1;

document.banner.src = eval(″banner″＋i＋″.src″);

}

startTime();

}

　　 else{

　　 window.setTimeout(″Timer()″,1000)}

　　}

　　function clickUrl(){

location.href = links[i]

　　}

　　function descript(){

window.status = description[i]

　　}

　　// －－〉

　　〈/script〉

　　把以下代码放在〈body〉Tag里:

　　〈body onLoad=″startTime();″〉 //页面整体调入后，开播广告把以下代码放在〈body〉〈/body〉之间:

　　〈center〉

　　〈a href=″ ″ onClick=″clickUrl(); return false;″onMouseOver=″descript(); return true;″ onMouseOut=″window.status=′ ′″〉〈img src=″广告图标＃1″ border=0 name=″banner″〉〈/a〉〈/center〉

分页:

购买虚拟主机请与本站联系