DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> div+css下js對聯廣告不隨屏幕滾動的解決
div+css下js對聯廣告不隨屏幕滾動的解決
編輯:CSS詳解     

在頁面上加了對聯廣告後發現不滾動,找了N久才發現是<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">這句導致不滾動的,可是如果去掉的話對於用DIV+CSS開發的網站來說又是災難要另外找解決辦法,應該是JS裡有代碼不符合W3C的標准

找了資料才知道是document.body不符合標准,換成document.documentElement就可以了.以下為JS原文件,只要在首頁調用就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>
請網友自行測試。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved