制作浮动广告图片网页设计

在打开许多网站时，经常会看到很多的浮动广告图片，它们不仅能使网页更加美观，而且可以增强广告效应方便客户交流，进而提高网站效益。我们能轻易的插入一张宣传画，但是如何实现广告图片与滚动条的同步滚动呢？通过下面的一个例子来实现。

在浏览器中打开这个网页，其效果如图10-15所示。

图10-15　浮动广告(www.xing528.com)

代码中“setInterval()”动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。例中语句“setInterval('init("adv",0,0)',1);”中，参数“1”是时间间隔，单位是毫秒。也就是说指定每毫秒调用一次“init("adv",0,0)”函数。

针对用户打开页面时使用的浏览器的不同我们设定不同的函数。当用户用IE4及以下版本的IE浏览器时调用函数“init(theName,theWantTop,theWantLeft)”。当用户使用NN4及以下版本的NN浏览器时调用函数“keepinit(theName,theWantX,theWantY)”。在这两个函数中我们分别使用document.layers和document.all来设置“adv”（浮动广告所在图层）在页面中的位置。

document.layers和document.all的用法是一样的，功能也是相同的。所在我就只介绍一种用法：

document.all的意思是文档的所有元素，也就是说它包含了当前网页的所有元素。它是以数组的形式保存元素的属性的，所以我们可以用document.all["元素名"].属性名="属性值"来动态改变元素的属性。用这条语句，可以做出许许多多动态网页效果，如：动态变换图片、动态改变文本的背景、动态改变网页的背景、动态改变图片的大小、动态改变文字的大小各颜色等。你简直可以动态控制所有网页元素。