插件描述：仿天猫加入购物车动画特效
=================以下代码由 蓝色的猫 提供=============
使用方法：
var goods;//goods为飞动效果的元素
goods.fly({
start: {
left: left,//元素开始飞动的left值
top:top//元素开始飞动的top的值
},
end: {
left: cartleft,//元素飞动完成目标地点的left值
top: 210,//元素飞动完成目标地点top值
width: 20,//元素飞动完成时的宽度
height:20.//元素飞动完成时的高度
},
onEnd: function ()//元素飞动完成回调函数
{
alert('动画结束！');
}
});
PREVIOUS:
NEXT:
相关插件-动画效果
讨论这个项目（13）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
上善若水 0
2017/8/3 10:50:29
此插件有bug 系统默认滚动条或者放大缩小窗口起始位置和结束位置没有发生
yamikin1
2018/7/6 19:17:14
解决了，原因是获取开始和结束的位置时index.html用的是绝对位置就是相对于整个页面的，都改成相对于窗口的位置就行了，例如：
var flyer = $('<img class="u-flyer" src="../img/profile-80_1.jpg"/>');
var offset = $('#tasklistlength')[0];
flyer.fly({
start: {
left: e.clientX,
top: e.clientY
},
end: {
left: offset.getBoundingClientRect().left,
top: offset.getBoundingClientRect().top,
width: 20,
height: 20
},
onEnd: function() {
$(flyer).remove();
}
});
ゆ 小吵小闹小幸福 0
2015/12/4 16:12:55
作者都没有写需要引入哪一些JS 和 css 文件啊 ，难道我要把作者的所有文件都引入页面？ 比如 bootstrap.css,能整理一下代码再发布吗
呃、似水流年0
2016/6/16 15:06:06
-
你这么笨 你家人知道么！你直接看他的html文件里面引入了哪些文件就OK了啊！！我一般很少评论的，突然路过不小心看到了，实在是受不了了....
雨后show0
2018/4/25 9:55:13
-
轮子都给你造好了,还要人家开车带你??
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
