javascript让图片移动的函数
答案:3 悬赏:0 手机版
解决时间 2021-03-23 06:44
- 提问者网友:回忆在搜索
- 2021-03-22 22:58
javascript让图片移动的函数
最佳答案
- 五星知识达人网友:舊物识亽
- 2021-03-23 00:20
示例代码:
全部回答
- 1楼网友:人间朝暮
- 2021-03-23 01:13
function ani(obj, pos, speed, callback) {
if (obj.move) {
clearTimeout(obj.move);
}
obj.style.position = "absolute";
var speed = speed || 10,
x = parseInt(obj.style.left) || 0,
y = parseInt(obj.style.top) || 0;
if (!obj.x) {
obj.x = x;
obj.y = y;
obj.fx = x + pos[0];
obj.fy = y + pos[1];
}
if (x === (pos[0] + obj.x) && y === (pos[1] + obj.y)) {
if (typeof callback === "function") {
callback();
}
obj.x = null;
obj.y = null;
obj.fx = null;
obj.fy = null;
return obj;
}
if (obj.x < obj.fx) {
if (x < obj.fx) {
obj.style.left = (x + speed) + "px";
}
} else {
if (x > obj.fx) {
obj.style.left = (x - speed) + "px";
}
}
if (obj.y < obj.fy) {
if (y < obj.fy) {
obj.style.top = (y + speed) + "px";
}
} else {
if (y > obj.fy) {
obj.style.top = (y - speed) + "px";
}
}
obj.move = setTimeout(function() {
ani(obj, pos, speed, callback);
}, 100);
}
window.onclick = function() {
ani($("#testAni")[0], [100, 0], 5, function() {
ani($("#testAni")[0], [-100, 0],null,function(){
alert("success")
});
})
}
可供参考追问大侠。您这个代码太先进了啊,已经超出我目前自学的范围了。
貌似简单的弄一个什么类似鱼posright-=10(貌似是这样的吧);再写个时间100貌似就可以了,但是我不会写。请问你可以告诉我吗
- 2楼网友:十鸦
- 2021-03-23 00:34
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯