JS 移动动画
2015-08-21 17:07
686 查看
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 elementLeft = parseInt(elem.style.left);
var elementTop = parseInt(elem.style.top);
if (elementLeft == final_x && elementTop == final_y) {
return true;
}
if (elementLeft < final_x) {
elementLeft++;
}
if (elementLeft > final_x) {
elementLeft--;
}
if (elementTop < final_y) {
elementTop++ ;
}
if (elementTop > final_y) {
elementTop--;
}
elem.style.left = elementLeft + 'px';
elem.style.top = elementTop + 'px';
var repeat = "moveElement('"+ elementId + "'," + final_x + "," + final_y + "," + interval + ")";
movement = setTimeout(repeat, interval);
}
function positionMsg() {
var elem = document.getElementById('message');
elem.style.position = 'absolute';
elem.style.left = '10px';
elem.style.top = '100px';
moveElement('message',200,500,100);
};
if (!document.getElementById) return false;
if (!document.getElementById(elementId)) return false;
var elem = document.getElementById(elementId);
var elementLeft = parseInt(elem.style.left);
var elementTop = parseInt(elem.style.top);
if (elementLeft == final_x && elementTop == final_y) {
return true;
}
if (elementLeft < final_x) {
elementLeft++;
}
if (elementLeft > final_x) {
elementLeft--;
}
if (elementTop < final_y) {
elementTop++ ;
}
if (elementTop > final_y) {
elementTop--;
}
elem.style.left = elementLeft + 'px';
elem.style.top = elementTop + 'px';
var repeat = "moveElement('"+ elementId + "'," + final_x + "," + final_y + "," + interval + ")";
movement = setTimeout(repeat, interval);
}
function positionMsg() {
var elem = document.getElementById('message');
elem.style.position = 'absolute';
elem.style.left = '10px';
elem.style.top = '100px';
moveElement('message',200,500,100);
};
相关文章推荐
- js算法:分治法-棋盘覆盖
- 细说javascript typeof操作符
- js this
- jsduck命令帮助
- 转:执行ajax加载页面中的js
- Javascript 执行环境及作用域
- 获取Json文件的方法
- js+正则+单双引号问题
- js实现类似trim函数
- javascript 的点击复制事件
- jsDuck的注释说明
- Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
- JavaScript 常见安全漏洞和自动化检测技术
- js+css实现文字散开重组动画特效代码分享
- js个人笔记
- Winform中调用js函数
- json-server模拟服务器数据
- js到服务器端的URL中文乱码问题
- JSON 解析器。JSON.stringify和JSON.parse
- "Could not load file or assembly \u0027Newtonsoft.Json, Version=4.5.0.0