通過js 實現簡單的文本移動html文件<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>js動畫效果演示</title> </head> <body> <p id="message">666</p> <p id="message2">777</p> <script src="js動畫效果.js"></script> </body></html>然后js有三個函數 分別是 moveelement函數function moveElement(elementId,final_x,final_y,interval){ 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--; } 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('"+elementId+"')"+final_x+","+final_y+","+interval+")"; movement = setTimeout(repeat,interval) }addonloadEvent函數 function addLoadEvent(func){ var oldonload = window.onload; if( typeof window.onload != "function"){ window.onload = func; }else{ window.onload = function(){ oldonload(); func(); } }以及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);}addLoadEvent(positionMessage);想要實現的效果是文本移動但實際上positiMessage成功調用但未出現文本移動效果；并且瀏覽器報錯[Web瀏覽器] "Uncaught SyntaxError: Unexpected number" (1)
js練習中的困擾
郎朗坤
2019-03-28 22:14:08
