经典页面漂浮广告代码

本文介绍了一个使用JavaScript实现的浮动广告窗口。该广告窗能够在页面上进行动态位置调整,确保始终处于用户的可见范围内,并且能够根据浏览器窗口大小进行智能适配。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script language="javascript">
  document.write("<div id='ad' style='position:absolute; left:50px; top:800px'><a href='http://www.hh-tech.com/' target='_blank'><img src='http://www.hh-tech.com/img/qq.jpg' border='0'</a></div>");

  var xPos = 20; 
  var yPos = document.body.clientHeight; 
  var step = 1; 
  var delay = 20;  
  var height = 0; 
  var Hoffset = 0; 
  var Woffset = 0; 
  var yon = 0; 
  var xon = 0; 
  var pause = true; 
  var interval; 
  ad.style.top = yPos;
    function wbggchangePos() { 
      width = document.body.clientWidth; 
      height = document.body.clientHeight; 
      Hoffset = ad.offsetHeight; 
      Woffset = ad.offsetWidth; 
      ad.style.left = xPos + document.body.scrollLeft;
      ad.style.top = yPos + document.body.scrollTop; 
      if (yon) {  yPos = yPos + step;  } 
      else {  yPos = yPos - step;  } 
      if (yPos < 0) {  yon = 1;  yPos = 0;  } 
      if (yPos >= (height - Hoffset)) {  yon = 0;  yPos = (height - Hoffset);  } 
      if (xon) {  xPos = xPos + step;  } 
      else {  xPos = xPos - step;  } 
      if (xPos < 0) {  xon = 1;  xPos = 0;  } 
      if (xPos >= (width - Woffset)) {  xon = 0;  xPos = (width - Woffset);     } 
    } 
    function wbggstart() { 
      ad.visibility = "visible"; 
      interval = setInterval("wbggchangePos()", delay); 
    } 
wbggstart();
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值