本文以fly.js抛物线插件来完成加入购物车效果
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
}
});
}
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791