求一个随下拉条移动的倒计时器代码 我现在写了一个10分钟的倒计时时钟在页面的最上方,但是我的页面上的表格比较长,当拖动下拉条到一定程度时,就无法看到这个倒计时器了,我想要一个当拖动下拉条时,会随着移动并总是出现在屏幕右侧的倒计时器的代码。谢谢了啊! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 用DIV+JS控制,就像对联广告一样,可以上网找一些看看 将时间显示在div层中,再将div层随下拉按钮一起下移效果…… <!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> css有一个事控制 图片不动的 BACKGROUND-ATTACHMENT:fixed; 你试试看!!! 多谢各位的帮助。各位的思路都给了我些启示,只是我对如何把计时器装载入DIV中不太清楚。 刚才用xmliy的代码自己研究了一下,在BODY中加载了计时器,然后把装载计时器的按钮替换了原代码中的“测试内容”,终于成功了。再次感谢大家,结贴给分。 arcgis javascript ReturnValue返回值错误问题 javascript中一个奇怪的问题 关于无限级目录树的显示 这个函数怎么用啊?能给个例子吗?谢谢,答完,给分。。。 谁能给我一个梅花雪大侠的带checkbox功能的树的js? 这么简单的js怎么不对呢??? 如何用javascript 写入cookies? 如何用javascript从另一htm页面读出参数,并判断是否有参数传过来! 请各位高手(如孟子E章等)来看一看这个问题,真的太难了,来看一看吧! 动态生成的复选框事件问题 js能获取双击打开html文件的盘符吗?包括光驱
<!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>
刚才用xmliy的代码自己研究了一下,在BODY中加载了计时器,然后把装载计时器的按钮替换了原代码中的“测试内容”,终于成功了。
再次感谢大家,结贴给分。