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

glys2050 2009-12-24 02:43:33
我现在写了一个10分钟的倒计时时钟在页面的最上方,但是我的页面上的表格比较长,当拖动下拉条到一定程度时,就无法看到这个倒计时器了,我想要一个当拖动下拉条时,会随着移动并总是出现在屏幕右侧的倒计时器的代码。
谢谢了啊!
...全文
106 8 打赏 收藏 举报
写回复
8 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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>
anyelangya 2009-12-28
  • 打赏
  • 举报
回复
将时间显示在div层中,再将div层随下拉按钮一起下移效果……
东大坡居士 2009-12-28
  • 打赏
  • 举报
回复
你找个那种广告的把DIV中的图片之类的换成你的计时就行了呗
glys2050 2009-12-28
  • 打赏
  • 举报
回复
我在网上搜了一个对联广告的代码
但是却不知道该把JS倒计时器如何装载进去
麻烦高人指点啊~~~
急啊!!!
yjcel1988 2009-12-24
  • 打赏
  • 举报
回复
用DIV+JS控制,就像对联广告一样,可以上网找一些看看
glys2050 2009-12-24
  • 打赏
  • 举报
回复
没人来吗 自己顶一下
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2009-12-24 02:43
社区公告
暂无公告