发布网友 发布时间:2022-04-29 07:46
共2个回答
热心网友 时间:2022-04-22 14:42
一个动画实现的函数。
参数:elementID = 动画元素的ID
final_x = 动画结束x坐标
final_y = 动画结束y坐标
interval = 动画间隔时间
if (xpos == final_x && ypos == final_y) {
return true;
}// 如果已到达指定结束位置,停止执行
if (xpos < final_x) {
var dist = Math.ceil((final_x - xpos)/15);
xpos = xpos + dist;
}// 没有到达指定位置时,获取移动的x速度,15分之一并取整
if (xpos > final_x) {
var dist = Math.ceil((xpos - final_x)/15);
xpos = xpos - dist;
}// 同上
if (ypos < final_y) {
var dist = Math.ceil((final_y - ypos)/15);
ypos = ypos + dist;
}// 同上
if (ypos > final_y) {
var dist = Math.ceil((ypos - final_y)/15);
ypos = ypos - dist;
}// 同上
elem.style.left = xpos + "px";// 移动
elem.style.top = ypos + "px";// 移动
// 递归函数 www.hi-docs.com/javascript.html
var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
elem.movement = setTimeout(repeat,interval);
热心网友 时间:2022-04-22 16:00
推荐你去查JS文档