JS实现广告浮动

最新推荐文章于 2021-12-25 14:00:34 发布

weixin_30779691

最新推荐文章于 2021-12-25 14:00:34 发布

阅读量294

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liyuxin/archive/2011/05/12/2044175.html

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>浮动广告</title>
<script type="text/javascript">

    var tips;
    var theTop = 50/*这是默认高度,越大越往下*/;
    var old = theTop;

    function initFloatTips() {
      tips = document.getElementById("QQFloat");
      moveTips();
    };

    function moveTips() {
      var tt=10;
      if (window.innerHeight) {
        pos = window.pageYOffset
      }
      else if (document.documentElement && document.documentElement.scrollTop) {
        pos = document.documentElement.scrollTop
      }
      else if (document.body) {
        pos = document.body.scrollTop;
      }

pos=pos-tips.offsetTop+theTop;
 pos=tips.offsetTop+pos/10;

 if (pos < theTop) pos = theTop;
 if (pos != old) {
 tips.style.top = pos+"px";
 tt=10;
 //alert(tips.style.top);
 }
 old = pos;
 setTimeout(moveTips,tt);
 }

window.οnlοad=initFloatTips;
</script>
</head>
<body>
<div id="QQFloat" style="top:50px;position: absolute;border:dashed 1px #F90;line-height:20px; width:100px;">
浮动广告 
浮动广告 
浮动广告 
浮动广告 
浮动广告 
浮动广告 
浮动广告 
浮动广告 
</div>
  
    
  
  
  
  
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
  
  
  
  
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
</body>
</html>

转载于:https://www.cnblogs.com/liyuxin/archive/2011/05/12/2044175.html

weixin_30779691

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS实现广告浮动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><title>浮动广告</title><script type="text/javascript"> var tips; var theTop = 50/*这...
复制链接

扫一扫