<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title></title>
</head>
<body>
<p id='message'>Wheel!</p>
</body>
<script>
/*
该函数用于同时加载多个函数,
以避免连用window.onload情况的发生
(因为如果连用window.onload,那么后面
的将会覆盖前面的);
*/
function addEventLoad(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){
alert(elementID);
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++;
}else{
xpos--;
}
if(ypos<final_y){
ypos++;
}else{
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 positionMessage(){
if(!document.getElementById) return false;
if(!document.getElementById('message')) return false;
var elem=document.getElementById('message');
elem.style.position='absolute';
elem.style.left='50px';
elem.style.top='100px';
moveElement('message',200,100,10);
}
addEventLoad(positionMessage);
</script>
</html>