javascript实现商城 加入购物车抛物线
2017-10-25 本文已影响0人
_conquer_
需要用到的js
下载地址:parabola.js
压缩版:parabola-min.js
parabola.js使用说明
该抛物线方法名为funParabola,您可以根据自己的喜好修改,参数以及基本使用如下:
var myParabola = funParabola(element, target, options);
使用方法
var fly = document.getElementById('fly_item'),//移动的元素
var cart = document.getElementById('shop_cart');//目标元素
fly.style.display = 'block';
// 初始化抛物线动画
var parabola = funParabola(fly, cart,{
speed: 100,// 每帧移动的像素大小
curvature: 0.005,// 实际指焦点到准线的距离
complete:function(){
fly.style.display = 'none';
},
otherTransform:''
}).init();