div+css下js對聯(lián)廣告不隨屏幕滾動的解決方法_Div+CSS教程

在頁面上加了對聯(lián)廣告后發(fā)現(xiàn)不滾動，找了N久才發(fā)現(xiàn)是

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

這句導(dǎo)致不滾動的，可是如果去掉的話對于用DIV+CSS開發(fā)的網(wǎng)站來說又是災(zāi)難要另外找解決辦法，應(yīng)該是JS里有代碼不符合W3C的標(biāo)準(zhǔn)

找了資料才知道是document.body不符合標(biāo)準(zhǔn)，換成document.documentElement就可以了.以下為JS原文件,只要在首頁調(diào)用就OK了。

<SCRIPT FOR='xuangua' EVENT='fscommand()' LANGUAGE='JavaScript'> 
AdLayer1.style.visibility='hidden'; 
AdLayer2.style.visibility='hidden'; 
</script> 
<script LANGUAGE='JavaScript'> 
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' 
//document.all.AdLayer3.style.posTop = -600; 
//document.all.AdLayer3.style.visibility = 'visible' 
 
MoveLeftLayer('AdLayer1'); 
MoveRightLayer('AdLayer2'); 
 
//MoveRightbuttonLayer('AdLayer3'); 
} 
function MoveLeftLayer(layerName) { 
var x = 5; 
var y = 100; 
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer1.style.posTop)*.40; 
var y = document.documentElement.scrollTop + y - diff; 
if(screen.height<768){ 
var y = 50; 
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer1.style.posTop)*.40; 
var y = document.documentElement.scrollTop + y - diff; 
} 
eval("document.all." + layerName + ".style.posTop = y"); 
eval("document.all." + layerName + ".style.posLeft = x"); 
setTimeout("MoveLeftLayer('AdLayer1');", 20); 
} 
function MoveRightLayer(layerName) { 
var x = 5; 
var y = 100; 
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer2.style.posTop)*.40; 
var y = document.documentElement.scrollTop + y - diff; 
if(screen.height<768){ 
var y = 5; 
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer2.style.posTop)*.40; 
var y = document.documentElement.scrollTop + y - diff; 
} 
eval("document.all." + layerName + ".style.posTop = y"); 
eval("document.all." + layerName + ".style.posRight = x"); 
setTimeout("MoveRightLayer('AdLayer2');", 20); 
} 
function MoveRightbuttonLayer(layerName) { 
var x = 5; 
var y = 475; 
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer3.style.posTop)*.40; 
var y = document.documentElement.scrollTop + y - diff; 
if(screen.height<768){ 
var y = 310; 
var diff = (document.documentElement.scrollTop + y - document.all.AdLayer3.style.posTop)*.40; 
var y = document.documentElement.scrollTop + y - diff; 
} 
eval("document.all." + layerName + ".style.posTop = y"); 
eval("document.all." + layerName + ".style.posRight = x"); 
setTimeout("MoveRightbuttonLayer('AdLayer3');", 20); 
} 
</script> 
 
<script language='JavaScript'> 
document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><EMBED src='images/duilian.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=xuangua></EMBED></div>" 
+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><EMBED src='images/duilian.swf' quality=high WIDTH=100 HEIGHT=300 pluginspage='http://www.macromedia.com/go/getflashplayer' TYPE='application/x-shockwave-flash' id=xuangua></EMBED></div>"); 
initEcAd() 
</script>