该段代码主要是为了实现从一个位置移动到另外一个位置
Html代码
<p id="message">
我会动!!!
</p>
主要的js代码
function addLoadEvent(func){
var old=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function (){
old();
func();
}
}
}
addLoadEvent(positionMessage);
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";
movement= setTimeout("moveMessage()",1000);
}
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==200&&ypos==100)return false;
if(xpos<200)xpos++;
if(xpos>200)xpos--;
if(ypos<100)ypos++;
if(ypos>100)ypos--;
elem.style.left=xpos+"px";
elem.style.top=ypos+"px";
movement= setTimeout("moveMessage()",10);
}