87,922
社区成员
发帖
与我相关
我的任务
分享
<!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" />
<script type="text/javascript" src="scripts/addLoadEvent.js"></script>
<script type="text/javascript" src="scripts/moveMessage.js"></script>
<script type="text/javascript" src="scripts/positionMessage.js"></script>
<title>MoveMessage</title>
</head>
<body>
<p id="message">Whee!!!</p>
</body>
</html>
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
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);//每interal毫秒递归调用一次moveElement()
}
function positionMessage(){
if(!document.getElementById) return false;
if(!document.getElementById("message")) return false;
var elem=document.getElementById("message");
elem.style.position="absolute";
elem.style.left="400px";
elem.style.top="300px";
moveElement("message",250,250,20);
}
addLoadEvent(positionMessage);//页面加载完毕时执行positionMessage
var repeat="moveElement("+'elementID'+","+final_x+","+final_y+","+interval+")";
movement=setTimeout(repeat,interval);//每interal毫秒递归调用一次moveElement()
var repeat="moveElement(\""+elementID+"\","+final_x+","+final_y+","+interval+")"
//找到问题了,
//var repeat="moveElement("+ 'elementID' +"',"+final_x+","+final_y+","+interval+")";
//改成:
var repeat="moveElement('"+ elementID +"',"+final_x+","+final_y+","+interval+")";