zoukankan      html  css  js  c++  java
  • js上下浮动广告

    <!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">
    <head>
    <title>div+css</title>
    <meta http-equiv=Content-Type content="text/html; charset=gb2312">
    <style type="text/css">
    #demo1{left:22px;position:absolute;top:180px;120px;height:200px;background:red;}
    </style>
    </head>
    <BODY>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>
    <P>&nbsp;</P>

    <div id="demo1"></div>

    <script type="text/javascript">
    var num=0;
    var getObj=document.getElementsByTagName("div")[0];//获取滚动对象;
    function scrollAdver()
    {
        var pageTop=document.documentElement.scrollTop;//滚动条距页面顶部距离;
        var demo=(pageTop-num);//这次减去上次增加demo像素;
        if(demo>0){demo=Math.ceil(demo)}else{demo=Math.floor(demo)};
        getObj.style.top=parseInt(getObj.currentStyle.top)+demo+"px";//用上次定位距离加上两次滚动距离的差得到当前的滚动距离;
        num=num+demo;//获取前一次滚动条的距离;
    }
    setInterval(scrollAdver,1);
    </script>
    </body>
    </html>
  • 相关阅读:
    734. Sentence Similarity
    Rainbow Sort
    692. Top K Frequent Words
    347. Top K Frequent Elements
    12. Integer to Roman
    13. Roman to Integer
    109. Convert Sorted List to Binary Search Tree
    用表单写兴趣爱好的程序
    方法重载与方法重写的区别
    super和this的区别
  • 原文地址:https://www.cnblogs.com/mizzle/p/2092238.html
Copyright © 2011-2022 走看看