我现在写了一个10分钟的倒计时时钟在页面的最上方,但是我的页面上的表格比较长,当拖动下拉条到一定程度时,就无法看到这个倒计时器了,我想要一个当拖动下拉条时,会随着移动并总是出现在屏幕右侧的倒计时器的代码。
谢谢了啊!

解决方案 »

  1.   

    用DIV+JS控制,就像对联广告一样,可以上网找一些看看
      

  2.   

    将时间显示在div层中,再将div层随下拉按钮一起下移效果……
      

  3.   


    <!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>无标题文档</title>
    <style type="text/css">
        .float
        {
            position: fixed;
            left:20px;
            top:30px;
            width:100px;
            height:30px;
            background-color: Silver;
        }
        .long
        {
            height: 2000px;
        }
    </style>
    </head>
    <body>
        <div id="floatDiv" class="float">
            测试内容
        </div>
        <div class="long"></div>
    </body>
    </html><script type="text/javascript">
        var userAgent = navigator.userAgent.toLowerCase();
        var browser = {
            msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
            version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1]
        };    var div = document.getElementById('floatDiv');
        if (browser.msie && browser.version < 8) {
            div.style.position = 'absolute';
            var offsetTop = document.getElementById('floatDiv').offsetTop;
            window.onscroll = function() {
                var top = document.documentElement.scrollTop + offsetTop;
                document.getElementById('floatDiv').style.top = top;
            };
        }
    </script>
      

  4.   

    css有一个事控制 图片不动的 BACKGROUND-ATTACHMENT:fixed;  你试试看!!!
      

  5.   

    多谢各位的帮助。各位的思路都给了我些启示,只是我对如何把计时器装载入DIV中不太清楚。 
    刚才用xmliy的代码自己研究了一下,在BODY中加载了计时器,然后把装载计时器的按钮替换了原代码中的“测试内容”,终于成功了。
    再次感谢大家,结贴给分。