jquery实现天猫加入购物车特效

2015-4-18 14:17:40 人评论 次浏览 分类:jquery轮展图


该特效使用的一款JS插件,插件原地址:https://github.com/amibug/fly

该插件使用起来十分的方便,非常适合于初学者使用。

代码解析:


	function addShop(e){
				/*设置落脚点*/
				var offset = $(".icon").offset();
				/*创建起飞元素*/
				var flyEle = $("<div class='fly'></div>");
				flyEle.fly({
					/*元素起飞点*/
					start:{
							left:e.clientX,
							top:e.clientY
					},
					/*元素落脚点*/
					end:{
							left:offset.left,
							top:offset.top
					},
					/*动画执行结束后*/
					onEnd:function(){
						flyEle.fadeOut("200",function(){
							$(this).remove();
						});
						
			}

在线演示:

http://sipeng.net/yanshi/gwc/index.html


插件及特效源代码下载地址:

加入购物车特效源码



上一篇:没有了

下一篇:元素居中插件4.0

共有访客发表了评论 网友评论

验证码: 看不清楚?