解决对联广告不浮动问题

-329 解决对联广告不浮动问题 Category: [网建]网站建设View: Author: itbulu

对联广告代码的代码我之前已经整理提供了。一般的测试应该没有问题。但是有时候我们加到网页中，对联广告是存在，就是不上下随着页面浮动。到底问题出在哪里呢。

我查看了有没有人能解决这个问题。有人说删除。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

就这可以。于是我删除后发现对联广告是在浮动了，但是网页中的代码出现的混乱。看来网页需要在W3C环境下运行。那只有找另外的出路了。我们必须使得浮动代码变得符合W3C。

我们将浮动代码中的document.body替换成document.documentElement看看。一切OK。

下面把完整的代码分享。

<SCRIPT language=javascript><br/>function initEcAd() {<br/>document.all.AdLayer1.style.posTop = -200;<br/>document.all.AdLayer1.style.visibility = 'visible'<br/>document.all.AdLayer2.style.posTop = -200;<br/>document.all.AdLayer2.style.visibility = 'visible'<br/>MoveLeftLayer('AdLayer1');<br/>MoveRightLayer('AdLayer2');<br/>}<br/>function MoveLeftLayer(layerName) {<br/>var x = 5;<br/>var y = 200;// 左侧广告距离页首高度<br/>var diff = (document.documentElement.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;<br/>var y = document.documentElement.scrollTop + y - diff;<br/>eval("document.all." + layerName + ".style.posTop = parseInt(y)");<br/>eval("document.all." + layerName + ".style.posLeft = x");<br/>setTimeout("MoveLeftLayer('AdLayer1');", 20);<br/>}<br/>function MoveRightLayer(layerName) {<br/>var x = 5;<br/>var y = 200;// 右侧广告距离页首高度<br/>var diff = (document.documentElement.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;<br/>var y = document.documentElement.scrollTop + y - diff;<br/>eval("document.all." + layerName + ".style.posTop = y");<br/>eval("document.all." + layerName + ".style.posRight = x");<br/>setTimeout("MoveRightLayer('AdLayer2');", 20);<br/>}<br/></SCRIPT><br/><br/><DIV id=AdLayer1 style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute"><A <br/>href="http://www.itbulu.com/" target=_blank tppabs="dinggou"><IMG <br/>src="piao.gif" border=0 tppabs="piao.gif"></A></DIV><br/><DIV id=AdLayer2 style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute"><A <br/>href="http://www.itbulu.com/" target=_blank><IMG <br/>src="p.gif" border=0></A></DIV><br/><p><br/>  <SCRIPT language=javascript><br/>initEcAd();<br/></SCRIPT><br/></p>

本文地址：http://www.itbulu.com/blog/173.html

本文位置：ItBuLu's Blog-[网建]网站建设-解决对联广告不浮动问题

Tags: 对联广告

后一篇：« 对联广告代码

前一篇：PR已经有小幅变动 »

分享到：百度收藏百度空间豆瓣网百度贴吧 QQ空间新浪微博腾讯微博