首页 理论教育 制作浮动广告图片网页设计

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

时间:2023-10-18 理论教育 版权反馈
【摘要】:在打开许多网站时,经常会看到很多的浮动广告图片,它们不仅能使网页更加美观,而且可以增强广告效应方便客户交流,进而提高网站效益。我们能轻易的插入一张宣传画,但是如何实现广告图片与滚动条的同步滚动呢?图10-15浮动广告代码中“setInterval()”动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。例中语句“setInterval;”中,参数“1”是时间间隔,单位是毫秒。在这两个函数中我们分别使用document.layers和document.all来设置“adv”在页面中的位置。

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

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

在浏览器中打开这个网页,其效果如图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["元素名"].属性名="属性值"来动态改变元素的属性。用这条语句,可以做出许许多多动态网页效果,如:动态变换图片、动态改变文本的背景、动态改变网页的背景、动态改变图片的大小、动态改变文字的大小各颜色等。你简直可以动态控制所有网页元素。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈