ball.js简介

• ball.js是一款模拟抛物线运行轨迹的插件
• ball.js是一款基于jquery的插件，使用前请导入jquery

安装

# Using npm
npm install fchany-ball --save

使用

import Ball from 'fchany-ball';

var ball = new Ball({
    ball: ".ball", // 小球的样式           必选
    target: ".target", // 小球降落的目标   必选
    ballOffsetL: 0, // 小球左侧偏移量      默认0
    ballOffsetT: 0, // 小球顶侧偏移量      默认0
    delay: 50, // 小球销毁延迟             默认50
    speed: 400, // 动画时间                默认400
    before: function (e, item) {}, // 开始执行动画时的回调函数，第一个参数返回当前执行动画的元素，第二个参数返回通过ball.start()方法传入的第二个参数
    stop: function () {} // 销毁小球时的回调函数
})

ball.start(element, pramas); // 触发动画执行的方法，第一个参数传入小球起点元素位置的元素，以jquery对象传入，第二个参数为任意参数，此参数在before回调函数中返回

links

• 在线演示