码迷,mamicode.com
首页 > 其他好文 > 详细

moveElement函数与positionMessage函数

时间:2015-10-27 11:22:53      阅读:196      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!