网页标准的随滚动条滚动的广告特效

最新推荐文章于 2023-01-02 21:27:42 发布

黑暗行动

最新推荐文章于 2023-01-02 21:27:42 发布

阅读量1.2k

点赞数 1

分类专栏： Javascript

本文链接：https://blog.csdn.net/chy2z/article/details/80080060

版权

Javascript 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!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" xml:lang="en" lang="en">
<head>
 <title>符合网页标准的随滚动条滚动的广告特效代码webjx.com</title>
</head>
<body>
<script type="text/javascript">
function scrollImg(){
 var posX,posY;
 if (window.innerHeight) {
 posX = window.pageXOffset;
 posY = window.pageYOffset;
 }
 else if (document.documentElement && document.documentElement.scrollTop) {
 posX = document.documentElement.scrollLeft;
 posY = document.documentElement.scrollTop;
 }
 else if (document.body) {
 posX = document.body.scrollLeft;
 posY = document.body.scrollTop;
 }
 var ad=document.getElementById("ad");
 ad.style.top=(posY+100)+"px";
 ad.style.left=(posX+50)+"px";
 setTimeout("scrollImg()",100);
}
</script>

 
 
 
 
<div id="ad" style="position:absolute;background:#eeeeee;width:100px;height:100px;border:1px dotted #000;line-height:100px;text-align:center">此广告位招租</div>
<script type="text/javascript">
scrollImg();
</script>
</body>
</html>