javascript实现商城 加入购物车抛物线

需要用到的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();

demo演示

demo演示

你可能感兴趣的:(javascript实现商城 加入购物车抛物线)