Javascript 广告定位

最新推荐文章于 2023-10-01 10:59:57 发布

weixin_33768481

最新推荐文章于 2023-10-01 10:59:57 发布

阅读量93

点赞数

文章标签： javascript ViewUI

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
  #ad{
   position:absolute;
   top:120px;
   left:50px;
   width:100px;
   height:200px;
   background-color:#333;
   color:#fff;
  }
</style>

<script type="text/javascript">
  window.οnlοad=init;
  window.οnscrοll=go;
  var oldTop;

  function init(){

   var ad=document.getElementById("ad");

   //取对象原始的top值
   if(window.getComputedStyle){
    oldTop= parseInt( window.getComputedStyle(ad,null).top );
   }else{
    //IE
    oldTop= parseInt(ad.currentStyle.top);
   }
  }
  function go(){
   //浏览器滚动的距离
   var top=document.documentElement.scrollTop;

   document.getElementById("ad").style.top= parseInt(top)+oldTop +"px";

  }
  //关闭广告
  function closeAd(){
   var ad=document.getElementById("ad");
   ad.parentNode.removeChild(ad);
  }

</script>
</head>
<body>
<div id="ad"><a href="javascript:;" οnclick="closeAd()">X</a><a class="close" οnclick="this.parentNode.parentNode.removeChild(this.parentNode)">close</a>广告</div>
<div style="height:5000px;">sss</div>

</body>
</html>

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33768481

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript 广告定位

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; #ad{ position:absolute; top:120px; left:
复制链接

扫一扫