首页 建站知识 源码分享 素材下载 经验分享

js+css3购物车商品飞入动画特效

发布时间:2019年08月31日 11:08:15

js+css3实现的简单购物车商品飞入动画特效,点击“加入购物车”按钮,商品图片旋转着飞入购物车内。

var goods = document.querySelectorAll('.joinCar')    
		goods.forEach(function(good, index) {    
			good.addEventListener('click', function() {    
				var imgUrl = this.parentNode.parentNode.getElementsByTagName('img')[0].src    
				/*    
				* 参数说明:    
				* this: 当前点击的对象,此参数为原生js获取的对象,如示例,jquery慎用    
				* 'goodsCar'为你的购物车标签的class名称    
				* imgUrl: 当前点击商品的封面图片路径,若不传则为默认标签    
				*/    
				GoodsFly(this, 'goodsCar', imgUrl)    
			})    
		})


点赞
(0)|
收藏
(0)
|
纠错
|
下载次数
48
浏览 106 次
发布时间:2019年08月31日 11:08:15 所属 javascript js+css3购物车商品飞入动画特效
js+css3购物车商品飞入动画特效
js+css3实现的简单购物车商品飞入动画特效,点击“加入购物车”按钮,商品图片旋转着飞入购物车内。
javascript

推荐分享

热门