<!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在哪里？
javascript dom編程藝術動畫效果展示不出來。附代碼
亂也
2016-12-31 12:39:06