永发信息网

javascript让图片移动的函数

答案:3  悬赏:0  手机版
解决时间 2021-03-23 06:44
javascript让图片移动的函数
最佳答案
示例代码: 
  
全部回答

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貌似就可以了,但是我不会写。请问你可以告诉我吗

我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
仁和商务宾馆在什么地方啊,我要过去处理事情
什么是二级单位,什么是二级单位?
珠海609路人多吗?(斗门学生往返的)有亲身
挖掘机被偷了怎么办?
狗狗拉出有点像黏膜似的是什么!
微信面对面支付在哪里可以加到这个人好友
2012年是世界末日吗?阅读答案
平安福昨天自动续报。 今天可以退回
最近开始找行政类工作,请问我应该准备什么?
思乡诗句 古诗
干霸干燥剂有什么样的干燥剂?
台电t100cd-w多少钱
淮安市的图书馆
单选题企业在社会经济活动中的重要作用是①企
太谷县北洸乡吴家庄村村民委员会这个地址在什
推荐资讯
电脑黑屏我重启发现配置windowsupdate失败还
保护知识产权是WTO成员必须遵守的国际规则。
德艺琴行怎么去啊,有知道地址的么
沙子为什么可以净化水?
干海蛤泡了一洗就粉烂咋弄
IU的MV昭格洞男主成有彬演过什么
嘉妮口腔门诊在哪里啊,我有事要去这个地方
求出下面个图中阴影部分面积(每个小方格的边
女生练马甲线饮食上应该注意什么?
女主叫夏千语,男主叫唐宁的现代言情小说
带花和草,花与蜻蜓,绿树与青山,月色与树木
宁夏吴忠继业种植专业合作社地址在哪,我要去
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?