学院首页>网页制作>Javascript>滚动广告条的制作

滚动广告条的制作

作者:秋实 来源:未知 添加时间:2006-5-21 9:32:32
  有朋友问秋实,那个滚动广告条是怎么做的呀?或者不同的广告指向不同的链接,或者是指向同一个链接。其实做法有多种,常见的有perl或ASP,广告条是一个GIF动画,服务器端程序根据发送来参数显示某一个GIF图片,并修改其链接。可是我们大多数网友不懂这东西,我试着用脚本语言来写,也成功了。
  用JavaScript来写的话,方法是先建立一个图片数组,注意Image数据对象,可用new Image()建立一个图像类型的数据,它同样用src="/edu/files/pic/2006-5/21/0652109323288022.gif" id="img1"></a>
</body>
</html>
你可根据上面的程序添加数组元素与指向图片的路径与文件名,下面的HTML标记中的图片链接改成你自己的链接即可即可。
  补充:如果我们想使滚动显示的不同所指向的链接是不同的,怎么办呢?这其实可用一个数组来解决,如我们定义一个图片所指定链接的数组,并赋给其链接值:
  var URLArray=new Array()
  URLArray[0]="...URL1...."
  URLArray[1]="...URL2..."
  URLArray[2]="...URL3..." 
  为了修改链接值,我们要给链接标记赋一个ID号,便于程序访问,例子中为“ADD”,用链接的属性location.href就可修改图片所指向的链接,修改后的函数如下:

function roll()
{
var temp=(curImg+1)%3
img1.src=imageArray[temp].src //替换图片
ADD.location.href=URLArrat[temp]
curImg+=1
window.clearTimeout(timmer)
timmer=window.setTimeout("roll()",3000) //每隔3秒翻转一次
站内搜索