| 广 告 位 置 |
|
|
|
 |
| 站 内 搜 索 |
|
|
|
|
|
|
|
|
javascript实现滚动广告
来源：盛绿设计 等级：默认等级
发布于2006-09-26 08:48 被读34次 【字体：大 中 小】
|
|
作网页，总想多拉广告。在编制页面时，总想在有限的空间内放置尽可能多的内容，以求页面的紧凑与完美，如何在页面的固定位置轮流播放滚动广告呢，就象足球场边的三角翻转广告牌。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〉
|
相关专题：暂无相关专题
上一篇：网页加密攻略全集
下一篇：获得本页面URL地址的三个JS代码
|
共有评论 0 条 网友评分  查看全部
|
|
|
当前位置：首 页 >> 教程资料 >> 网页制作 >> javascript实现滚动广告
