首页 > 其他 > 详细

moveElement函数与positionMessage函数

时间:2015-10-27 11:19:39      阅读:112      评论:0      收藏:0      [点我收藏+]
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);
    
}
 
 addLoadEvent(moveMessage);

moveElement函数,用于使带有id元素属性的文档移动,只要给出元素id,最终x坐标,最终y坐标,时间间隔。就可以调用此函数。

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",200,100,10);
    }
addLoadEvent(positionMessage);
positionMessage函数,设置带有id元素属性文档位置函数,搭配moveElement函数可以达到动画效果。

moveElement函数与positionMessage函数

原文:http://www.cnblogs.com/CClarence/p/4913306.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!