Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
如果有一定的JavaScript基础，制作浮动广告还是比较容易的。直接上代码了：
无标题文档
*{
margin:0;
padding:0;
}
#csdn
{
width:800px;
margin:0 auto;
}
#ad
{
position:absolute;
right:0px;
top:30px;
z-index:1;
}
#cl
{
position:absolute;
right:0px;
top:30px;
z-index:2;
}
var advInitTop=30;
var closeInitTop=30;
function inix()
{
advInitTop=document.getElementById(“ad”).style.pixelTop;
closeInitTop=document.getElementById(“cl”).style.pixelTop;
}
function closeAd()
{
document.getElementById(“ad”).style.display=”none”;
document.getElementById(“cl”).style.display=”none”;
}
function move()
{
//document.getElementById(“ad”).style.pixelTop=document.body.scrollTop+advInitTop;
//document.getElementById(“cl”).style.pixelTop=document.body.scrollTop+closeInitTop;
document.getElementById(“ad”).style.pixelTop=document.documentElement.scrollTop+advInitTop;
document.getElementById(“cl”).style.pixelTop=document.documentElement.scrollTop+closeInitTop;
//alert(document.getElementById(“ad”).style.pixelTop);
window.status=document.documentElement.scrollTop+”/”+document.getElementById(“ad”).style.pixelTop;
}
window.οnscrοll=move;
要点：
上述代码中要用document.documentElement ，不要用老的document.body，否则，不符合w3c标准，看不到浮动效果！
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/191244.html原文链接：https://javaforall.net
