首页 > 知识百科正文

关于对联广告不滚动的解决方法

 2024-01-16  阅读 0

在页面上加了对联广告后发现不滚动,找了N久才发现是&<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&>这句导致不滚动的,可是如果去掉的话对于用p+CSS开发的网站来说又是灾难要另外找解决办法,应该是JS里有代码不符合W3C的标准找了资料才知道是document.body不符合标准,换成document.documentElement就可以了,问题终于完美的解决了。

附上对联广告的代码:

function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 5;
var y = 150;// 左侧广告距离页首高度
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.documentElement.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = parseInt(y)");
eval_r("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 150;// 右侧广告距离页首高度
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.documentElement.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = y");
eval_r("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}

document.write("&<p id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'&>&<a href='NewsList.asp?SortID=11&&SortPath=0,11,' target='_blank'&>&<img src=images/dlzuo.jpg border='0'&>&</a&>&</p&>"
+"&<p id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'&>&<a href='NewsList.asp?SortID=11&&SortPath=0,11,' target='_blank'&>&<img src=images/dlyou.jpg border='0'&>&</a&>&</p&>");
initEcAd()

// JavaScript Document

将上面的程序保存成某个js文件

在调用的时候直接

&<script src="images/ad-01.js" language="JavaScript"&>&</script&>

注意修改文件的路径

本文链接:http://www.51sang.com/duilian/25939.html

版权声明:本文为 “对联网” 原创文章,转载请附上原文出处链接及本声明!

标签:
对联网
对联大全网专门分享经典对联知识,内容包括春联、对对联、春节对联、节日对联、 结婚对联、乔迁对联、挽联、行业对联、名胜古迹对联、对联横批等对联知识,为大家提供在线学习交流平台。
对联资讯
对联大全
对联知识
对联故事
谐趣对联
对联故事
copyright © 2023 对联大全 网站地图
京ICP备13028492号