20CN网络安全小组论坛 - 网站建设

论坛: 网站建设标题: 滚动广告条的制作

作者: ingtai [ingtai]

论坛用户

用javascript来写的话，方法是先建立一个图片数组，注意Image数据对象，可用new&nb
sp;Image()建立一个图像类型的数据，它同样用src等属性。每个图像数据赋给其要显示的图片位置；其次，在<Body></Body>里加入一个<img>标志，指向第一张广告，并在页面调入时调用广告滚动程序，用一个时间触发函数setTimeout每隔一定时间来滚动图片。
　　程序如下：
<html>
<script language="javascript">
var curImg,i,timmer
var imageArray=new Array() //建立一个图像数组
imageArray[0]=new Image() //以下给每一个图像数据赋给其图片路径与文件名
imageArray[1]=new Image()
imageArray[2]=new Image()
imageArray[0].src="2_2.gif"
imageArray[1].src="2_3.gif"
imageArray[2].src="4_3.gif"
curImg=imgArray.length-1
function roll()
{
img1.src=imageArray[(curImg+1)%3].src //替换图片
curImg+=1
window.clearTimeout(timmer)
timmer=window.setTimeout("roll()",3000) //每隔3秒翻转一次

}
</script>
<body onload="roll()">
<a id="ADD" href="http://www.cpcw.com/netschool/homepage/";><img src="1.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秒翻转一次

地主发表时间: 10/26 15:06

论坛: 网站建设