美文网首页
javascript实现商城 加入购物车抛物线

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

作者: _conquer_ | 来源:发表于2017-10-25 18:42 被阅读0次

需要用到的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实现商城 加入购物车抛物线

      本文链接:https://www.haomeiwen.com/subject/ywccpxtx.html