UC知道div浮动广告
来源：百度知道 编辑：UC知道 时间：2024/07/02 20:16:24
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>浮动广告图片DIV</title>
<script language="javascript">
var advInitTop=0;
function initx()
{
advInitTop=document.getElementById("adv").style.pixelTop;
}
function move()
{
document.getElementById("adv").style.pixelTop=
document.body.scrollTop+advInitTop;
}
window.onscroll=move;
</script>
</head>
<body onLoad="initx()">
/*div广告层*/
<div id="adv" style="z-index:1;top:10px; position:absolute;">
<p><img src
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>浮动广告图片DIV</title>
<script language="javascript">
var advInitTop=0;
function initx()
{
advInitTop=document.getElementById("adv").style.pixelTop;
}
function move()
{
document.getElementById("adv").style.pixelTop=
document.body.scrollTop+advInitTop;
}
window.onscroll=move;
</script>
</head>
<body onLoad="initx()">
/*div广告层*/
<div id="adv" style="z-index:1;top:10px; position:absolute;">
<p><img src
你可以测试一下
你的代码
document.body.scrollTop的值总是0
是因为DTD HTML 4.01 Transitional不支持
改成3.2 或者 改成document.documentElement.scrollTop 就可以
可以baidu搜一下scrollTop 会有相关信息的...
版本支持问题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>浮动广告图片DIV</title>
<script language="javascript">
var advInitTop=0;
function initx()
{
advInitTop=document.getElementById("adv").style.pixelTop;
}
function move()
{
document.getElementById("adv").style.pixelTop= document.documentElement.scrollTop+advInitTop;
}
//window.onscroll=move();
<