广告窗口不随鼠标滚动变化

最新推荐文章于 2021-06-04 15:42:31 发布

Super_Gods

最新推荐文章于 2021-06-04 15:42:31 发布

阅读量525

点赞数

文章标签：窗口滚动广告

本文链接：https://blog.csdn.net/Super_Gods/article/details/47749239

版权

广告窗口不随鼠标滚动变化

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
#apDiv1 {
    position:absolute;
    left:251px;
    top:51px;
    width:529px;
    height:210px;
    z-index:2;
    background-color: #0000FF;
}
#apDiv2 {
    position:absolute;
    left:128px;
    top:381px;
    width:912px;
    height:18663px;
    z-index:-1;
    background-color: #FF0000;
}
-->
</style>
<script>
var xx=0;
function init(){
xx =document.getElementById("apDiv1").offsetTop;
}
function aa(){
document.getElementById("apDiv1").style.top=xx+document.documentElement.scrollTop+"px"; 
}
window.onscroll=aa;
</script>
</head>

<body onload="init()">
<div id="apDiv1"></div>
<div id="apDiv2"></div>
</body>
</html>