<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>這個是一個關于動畫效果的例子</title>
</head>
<body>
??????<p?id="message">an??short?message</p>
??????<script?src="../js/addLoadEvent.js"></script>
??????<script?src="../js/positionMessage.js"></script>
??????<script?src="../js/moveMessage.js"></script>
??????<!--<script?src="../js/add.js"></script>-->
</body>
</html>//第一個JS
function?addLoadEvent(func){
????var?oldOnload?=?window.onload;
????if(typeof?window.onload?!=?'function'){
????????window.onload?=?func;
????}else{
????????window.onload?=?function(){
????????????oldOnload();
????????????func();
????????}
????}
}function?moveElement?(ele_id,p_x,p_y,interval){
????if(!document.getElementById)return?false;
????if(!document.getElementById("ele_ID"))return?false;
????var?ele=document.getElementById("ele_id");
????var?xpos=parseInt(ele.style.left);
????var?ypos=parseInt(ele.style.top);
??if(xpos==p_x&&ypos==p_y)?{
??????if?(xpos?<?p_x)?{
??????????p_x++;
??????}
??????if?(xpos?>?p_x)?{
??????????p_x--;
??????}
??????if?(ypos?>?p_y)?{
??????????p_y--;
??????}
??????if?(ypos?<?p_y)?{
??????????p_y++;
??????}
??????ele.style.left?=?xpos?+?"px";
??????ele.style.top?=?ypos?+?"px";
??????var?repeat?=?"moveElement('"?+?ele_id?+?"',"?+?p_x?+?","?+?p_y?+?","?+?interval?+?")";
??????movement?=?setTimeout(repeat,?interval);
??}
}
addLoadEvent(moveElement);document.write("<script?language='javascript'?src='../js/moveElement.js'></script>");
function?positionMessage(){
?????if(!document.getElementById)return?false;
?????if(!document.getElementById("message"))return?false;
?????var?ele=document.getElementById("message");
????ele.style.position="absolute";
?????ele.style.left="50px";
????ele.style.top="50px";
????moveElement("message",125,125,20);
}
addLoadEvent(positionMessage);上面的三個功能分別寫在三個不同的JS文件里面但是在同一個文件夾里面，經過引用卻無法實現相應的效果，看過控制面板上面沒有明顯的錯誤，但是為何就是實現相應的效果呢？
DOM實現動畫效果，代碼來自JSdom變成藝術，代碼無法實現相應的效果
紫皇夜雨
2016-12-10 20:58:06
