求一段js 页面无刷新显示效果
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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=utf-8" />
<title>无标题文档</title>
<script language="javascript">
window.onload = function a(){
var scr = document.getElementById("scr");
for(var i=0;i<1000;i++){
scr.style.top=i+"px";
}
}
//setTimeout(a(),1000);
</script>
<style>
#scr{ position:relative; top:0px; left:10px; width:100px; height:100px; border:1px red solid; background:#033;}
</style>
</head>
<body>
<div id="scr"></div>
</body>
</html>
我要用以上代码实现一个div层垂直移动的效果 在火狐的firebug下可以看到top值是一直在变的 可是页面上看不到 我现在就想让这个页面即时的显示这个效果 谢谢 30分 赠上 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
window.onload = function a(){
var scr = document.getElementById("scr");
for(var i=0;i<1000;i++){
scr.style.top=i+"px";
}
}
//setTimeout(a(),1000);
</script>
<style>
#scr{ position:relative; top:0px; left:10px; width:100px; height:100px; border:1px red solid; background:#033;}
</style>
</head>
<body>
<div id="scr"></div>
</body>
</html>
我要用以上代码实现一个div层垂直移动的效果 在火狐的firebug下可以看到top值是一直在变的 可是页面上看不到 我现在就想让这个页面即时的显示这个效果 谢谢 30分 赠上 展开
1个回答
展开全部
<!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=utf-8" />
<title>无标题文档</title>
<style>
#scr{ position:absolute; top:0px; left:10px; width:100px; height:100px; border:1px red solid; background:#033;}
</style>
</head>
<body>
<div id="scr"></div>
<script language="javascript">
var i=0;
function a(){
var scr = document.getElementById("scr");
if(i<1000)
{
scr.style.top=i+"px";
i++;
setTimeout('a()',100);
}
}
setTimeout('a()',100);
</script>
</body>
</html>
<!-已经验证-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#scr{ position:absolute; top:0px; left:10px; width:100px; height:100px; border:1px red solid; background:#033;}
</style>
</head>
<body>
<div id="scr"></div>
<script language="javascript">
var i=0;
function a(){
var scr = document.getElementById("scr");
if(i<1000)
{
scr.style.top=i+"px";
i++;
setTimeout('a()',100);
}
}
setTimeout('a()',100);
</script>
</body>
</html>
<!-已经验证-->
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
