中科新闻网鬼泣5第五关白银:DIV +CSS网页漂浮广告不漂浮的问题
来源：百度文库 编辑：中科新闻网 时间：2024/04/29 07:21:10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
如果去掉http://www.w3.org/TR/html4/loose.dtd 就漂浮，但是去掉网页结构就变化了，在w3c网页标准中难道不能实现漂浮广告吗？
不知道回答者是为了赚积分还是不明白我的问题?
找了半天问题解决了:在DIV CSS中 加上 http://www.w3.org/TR/html4/loose.dtd 会造成document.body.scrollTop 失效,把document.body.scrollTop 改成document.documentElement.scrollTop
有需要的朋友是试一下
<html>
<head>
<title>漂浮的图片</title>
<script language="javascript">
<!--
if(parseInt(navigator.appVersion.charAt(0))<4){
location.href="#";//图片链接
}
var mvtLight="/img/200406301.jpg"//图片路径
var mvtWidth=90
var mvtHeight=90
var mvtLink="#";//图片链接
var mvtAlt="#";//图片链接
brOK=navigator.javaEnabled()?true:false
ns4=(document.layers)?true:false
ie4=(document.all)?true:false
if(ns4){
document.write('<layer id="mvt" width=40 height=60;"><a href="'+mvtLink+'" target=_blank><img src="'+mvtLight+'" border=0 width="'+mvtWidth+'" height="'+mvtHeight+'" alt="'+mvtAlt+'"><\/a><\/layer>');
}
else{
document.write('<div id="mvt" style="position:absolute; width:40; height:60;"><a href="'+mvtLink+'" target=_blank><img src="'+mvtLight+'" border=0 width="'+mvtWidth+'" height="'+mvtHeight+'" alt="'+mvtAlt+'"><\/a><\/div>');
}
var vmin=2;
var vmax=5;
var vr=2;
var timer1;
function Chip(chipname,width,height)
{this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}
function movechip(chipname)
{
if(brOK)
{eval("chip="+chipname);
if(ns4)
{pageX=window.pageXOffset;
pageW=window.innerWidth;
pageY=window.pageYOffset;
pageH=window.innerHeight;
}
else
{pageX=window.document.body.scrollLeft;
pageW=window.document.body.offsetWidth-8;
pageY=window.document.body.scrollTop;
pageH=window.document.body.offsetHeight;
}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX)
{ chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w)
{ chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{ chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{ chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}
if(ns4){
eval('document.'+chip.named+'.top ='+chip.yy);
eval('document.'+chip.named+'.left='+chip.xx);
}
else{
eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy);
}
chip.timer1=setTimeout("movechip('"+chip.named+"')",100); //设置速度，数值越大速度越慢
}
}
function stopme(chipname)
{if(brOK)
{//alert(chipname)
eval("chip="+chipname);
if(chip.timer1!=null)
{clearTimeout(chip.timer1)}
}
}
var mvt;
function mvt()
{
mvt=new Chip("mvt",60,80);
if(brOK){
movechip("mvt");
}
}
window.onload=mvt
//-->
</script>
<!--代码结束-->
<link rel="stylesheet" href="../style.css">
</head>
<body>
</body>
</html>