本文以fly.js抛物线插件来完成加入购物车效果
淘建站为您提供更多_其它特效_购物车_购物车_抛物线，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 337 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
HTML
<div class="m-sidebar">
<div class="cart">
<i id="end">
</i>
<span>
购物车
</span>
</div>
</div>jQuery
$('html,body').on('click', addProduct);
function addProduct(event) {
var offset = $('#end').offset(),
flyer = $('<img class="u-flyer" src="images/profile-80_1.jpg"/>');
flyer.fly({
start: {
left: event.pageX,
top: event.pageY
},
end: {
left: offset.left,
top: offset.top,
width: 20,
height: 20
}
});
}
