为什么我的代码不执行啊!!! 就是实现一个简单的文字移动效果

weixin_40980353 2018-04-19 01:40:43
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="message">Whee!</p>
<script src="scripts/showPic.js">
function positionMessage() {
if(!document.getElementById)return false;
if(!document.getElementById("massage"))return false;
var elem=document.getElementById("massage");
elem.style.position="absolute";
elem.style.left="50px";
elem.style.top="100px";
moveElement("massage",200,100,10);
}

addLoadEvent(positionMessage);

function moveElement(elementID,final_x,final_y,interval) {
if (!document.getElementById)return false;
if(!document.getElementById(elementID))return false;
var elem =document.getElementById(elementID);
var xpos=parseInt(elem.style.left);
var ypos =parseInt(elem.style.top);
if(xpos==final_x && ypos==final_y){
return true;
}
if(xpos<final_x){
xpos++;
}
if (xpos>final_x){
xpos--;
}
if(ypos<final_y){
ypos++;
}
if (ypos>final_y){
ypos--;
}
elem.style.left=xpos+"px";
elem.style.top=ypos+"px";
var repeat="moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
movement=setTimeout(repeat,interval);
}

function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload != 'function'){
window.onload=func;
}else{
window.onload=function () {
oldonload();
func();
}
}
}
</script>
</body>
</html>
...全文
431 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_40980353 2018-04-19
  • 打赏
  • 举报
回复
引用 2 楼 usecf 的回复:
你id=message 但是你js中写成了massage
大哥 行了 谢谢您!!!!
weixin_40980353 2018-04-19
  • 打赏
  • 举报
回复
引用 2 楼 usecf 的回复:
你id=message 但是你js中写成了massage
改了还是不行啊
usecf 2018-04-19
  • 打赏
  • 举报
回复
你id=message 但是你js中写成了massage
weixin_40980353 2018-04-19
  • 打赏
  • 举报
回复
海浪大哥 我猜你一定会回复我的! 能不能留个联系方式啊 我有问题直接问你 学习路好坎坷 我想拜师

87,976

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧