评论：仿淘宝点击飞入右侧贴边购物车导航栏  [查看原文]

不错不错

真的是太好用了。

真的很不错啊

很好用的代码

感谢分享，非常好用

作者你好。我想用这个插件，但我发现飞的图片是同一个图片，点关注应该飞到收藏里吧。能qq联系吗。我的qq号码776007096  我可以付点费用。谢谢

太好了

可以得

不错，很好用，很详细，

不错，很好用，很详细，

真的好有用，太给力了

好给力 好东西收下了。

@苦笑完善插件奖励

JQ版本纠正下“抛物线运动”里的“complete”

complete: function() {
	$(eleFlyElement).css('visibility','hidden');
	$(eleShopCart).find('span').html( ++numberItem );
}

英英??0
2016/11/23 9:11:19
如何能联系到您？想咨询你一点问题，如果看到能加我QQ吗？1101857497

JQ的调用方式：

$('.btnCart').click(function(event){
		// 元素以及其他一些变量
	    var eleFlyElement = document.querySelector("#flyItem"),
		      eleShopCart = document.querySelector("#shopCart");
		var numberItem = 0;
		// 抛物线运动
		var myParabola = funParabola(eleFlyElement, eleShopCart, {
			speed: 400, //抛物线速度
			curvature: 0.0008, //控制抛物线弧度
			complete: function() {
				eleFlyElement.css('visibility','hidden');
				eleShopCart.find('span').html( ++numberItem );
				//eleFlyElement.style.visibility = "hidden";
				//eleShopCart.querySelector("span").innerHTML = ++numberItem;
			}
		});
	
		// 滚动大小
		var scrollLeft = $(window).scrollLeft() || $('body').scrollLeft() || 0,
		      scrollTop = $(window).scrollTop() || $('body').scrollTop() || 0;
	    $(eleFlyElement).css('left', event.clientX + scrollLeft + "px");
		$(eleFlyElement).css('top', event.clientY + scrollTop + "px");
		$(eleFlyElement).css('visibility', 'visible');
		
		// 需要重定位
		myParabola.position().move();
		
		// 右侧列表-加入购物车
		var _CartListObj = $('.sidebar-cart-midd ul');
		var _CartDomain = $(this).prev().find('.result_lc').val();
		_CartListObj.append('<li><a href="javascript:void(0);" class="selected_del"></a><span>'+_CartDomain+'</span></li>');
		var _CartState   = $(this).find('.result_ro');
		_CartState.find('i').attr('class'  , 'regist-icon joined-cart-icon');
		_CartState.find('span').html('已加入');
		_CartState.attr('domain' , _CartDomain);
		_CartState.attr('class'    , 'result_join');
		$(this).off();
	});