<!doctype html> <html> <head> <meta charset="utf-8" /> <title>js动画</title> </head> <body> <p id="message">这是一个会动页面</p> <img src="images/1-13062FT026.jpg" alt="MY Image" title="My Image" /> <script src="script/window.addLoadEvent.js" ></script> <script src="script/js动画.js"></script> <script src="script/js动画1.js"></script> </body> </html>
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function(){
func();
}
}
}function moveElement(ElemenId,final_x,final_y,interval){
if(!document.getElementById)return false;
if(!document.getElementById(ElemenId))return false;
var elem=document.getElementById(ElemenId);
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('"+ElemenId+"',"+final_x+","+final_y+","+interval+")";
movement=setTimeout(repeat,interval);
}
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";
moveElement=("message",125,110,20);
}真找不到问题所在,bug在哪里?
乱也
随时随地看视频慕课网APP
相关分类