可以重复使用的一个简单动画函数

来源:互联网 发布:js function bind 编辑:程序博客网 时间:2024/04/29 22:15
function moveElement(elementID,final_x,final_y,interval){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);}



如果要让某个元素移动,则获取到其ID名,直接调用即可

0 0