求一个随下拉条移动的倒计时器代码

glys2050 2009-12-24 02:43:33

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

...全文

108 8 打赏收藏举报

写回复

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

glys2050 2009-12-29

打赏
举报

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

Littler_corn 2009-12-28

打赏
举报

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

xmliy 2009-12-28

打赏
举报



<!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>