页面滚动小广告

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>浮动的广告-可关闭</title>
<script language="javascript">

   var advInitTop=0;//使层总置于顶端的初始值

   function inix(){ //获取广告图片说在的层上边距的初始值129
       advInitTop=document.getElementById("advLayer").style.pixelTop;
   }

   function move(){
       document.getElementById("advLayer").style.pixelTop=advInitTop+document.body.scrollTop;
       document.getElementById("closeLayer").style.pixelTop=advInitTop+document.body.scrollTop;
   }

    function closeMe(){//隐藏id为closeLayer和advLayer的层对象
                    //并不为隐藏对象保留物理空间
      document.getElementById("closeLayer").style.display="none";
      document.getElementById("advLayer").style.display="none";
    }

    window.οnscrοll=move;//窗口的滚动事件,当前滚动时调用move()函数。
</script>
</head>


<body onLoad="inix()"> <!--页面加载时就调用inix()函数执行-->


<div id="closeLayer" onClick="closeMe()" style="position:absolute;left:206px;top:132px;width:13px;height:13px

                  ;z-index:2" >       <img src="close.jpg" width="36" height="18" border=1>
</div>


<p>&nbsp;</p>


<p><img src="b.jpg" width="993" height="1799" alt="是我"></p>

 

<div id="advLayer" style="position:absolute;left:16px;top:129px;width:144px;height:95px;z-index:1;" bgcolor:red;>
   <img src="a.jpg" width="230" height="230" alt="这是广告">

   <a href="http://www.linyizhong"><img src="baidu.gif" width="180" height="130" border="1" alt="百度"></a>
</div>

 

</body>
</html>

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值