javascript设置简单的动画效果，没有反应

答案:1 悬赏:80

解决时间 2021-02-20 22:02

提问者网友：wodetian
2021-02-20 07:26

想让一个简单的id为message的文字移动，以下是js代码，不知道哪里有问题。。。

function moveMessage(){
if(!document.getElementById) return false;
if(!document.getElementById("message")) return false;
var elem = document.getElementById("message");
var xpos = parseInt(elem.style.left);
var ypos = parseInt(elem.style.top);
if(xpos==100&&ypos==100);{
return ture}
if(xpos<100);{
xpos++;}
if(xpos>100);{
xpos--}
if(ypos<100);{
ypos++}
if(ypos>100);{
ypos--}

elem.style.left = xpos + "px";
elem.style.top = ypos + "px";
movement=setTimeout("moveMessage()",10);
}
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}
}

addLoadEvent(moveMessage);

最佳答案

二级知识专家网友：专属的偏见
2021-02-20 07:57

<!DOCTYPE html>
<html>
  <head>
<meta charset=UTF-8>
<title>
RunJS 演示代码
</title>
<style>
</style>
<script>
function moveMessage(){
var elem = document.getElementById("message");
var xpos = parseFloat(elem.style.left) || elem.offsetLeft;
var ypos = parseFloat(elem.style.top) || elem.offsetTop;
if(xpos == 100 && ypos == 100){
clearTimeout(this.timeout);
return;
}
if(xpos<100){
xpos++;
}
if(xpos>100){
xpos--;
}
if(ypos<100){
ypos++;
}
if(ypos>100){
ypos--;
}

elem.style.left = xpos + "px";
elem.style.top = ypos + "px";
this.timeout = setTimeout("moveMessage()", 10);
}

onload = moveMessage;
</script>
  </head>
<body>
<div id="message" style="position:absolute;border:1px solid #fd3">
ddddddd
</div>
  </body>
</html>

我要举报

如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！