zoukankan      html  css  js  c++  java
  • 符合标准的随滚动条滚动的广告代码,在滚动条右侧滚动

    网页特效代码:符合标准的随滚动条滚动的广告代码,在滚动条右侧滚动

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>符合标准的随滚动条滚动的广告代码dwww.cn</title>
    </head>
    <body>
    <div id="sorollDiv1" style="30px; height:50px; background-color:#0000ff; right:10px;position:absolute;top:120px;"></div>
    <script type="text/javascript">
    var lastScrollY=0;
    function heartBeat(){
    diffY=document.documentElement.scrollTop;
    percent=0.1*(diffY-lastScrollY);
    if(percent>0)percent=Math.ceil(percent);
    else percent=Math.floor(percent);
    document.getElementById("sorollDiv1").style.top=parseInt(document.getElementById("sorollDiv1").style.top)+percent+"px";
    lastScrollY=lastScrollY+percent;
    }
    window.setInterval("heartBeat()",1);
    </script>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    </body>
    </html>
  • 相关阅读:
    CodeSmith功能和技巧收集
    简繁转换js兼容各种浏览器
    40 个轻量级 JavaScript 库
    AJAX处理Session
    对项目管理的几点认识(转)
    extjs
    数据采集需要的方法
    JavaScript 浮动定位提示效果
    一个类别表设计
    ExtJS 源码剖析 —— Ext类
  • 原文地址:https://www.cnblogs.com/JensonBin/p/1908304.html
Copyright © 2011-2022 走看看