通過(guò)js 實(shí)現(xiàn)簡(jiǎn)單的文本移動(dòng)html文件<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>js動(dòng)畫效果演示</title> </head> <body> <p id="message">666</p> <p id="message2">777</p> <script src="js動(dòng)畫效果.js"></script> </body></html>然后js有三個(gè)函數(shù) 分別是 moveelement函數(shù)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函數(shù) function addLoadEvent(func){ var oldonload = window.onload; if( typeof window.onload != "function"){ window.onload = func; }else{ window.onload = function(){ oldonload(); func(); } }以及positionMessage函數(shù) 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);想要實(shí)現(xiàn)的效果是文本移動(dòng)但實(shí)際上positiMessage成功調(diào)用但未出現(xiàn)文本移動(dòng)效果；并且瀏覽器報(bào)錯(cuò)[Web瀏覽器] "Uncaught SyntaxError: Unexpected number" (1)
js練習(xí)中的困擾
郎朗坤
2019-03-28 22:14:08
