点击的进度条
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dest
dist
example
node_modules
src
README.md
gulpfile.js
http.js
mine.js

README.md

click-progress

点击的进度条 例子见DEMO
预览效果: #使用方法案例:

$('#click').ClickProgress({ target:$('.progress'), v:5, a:1, change:'height',//width时是横向,可以看demo time:30, clicked:function(a,b,c){ console.log(c,'加油') }, progress:function(a,b,c){ console.log(c) }, callback:function(){ alert('完成了') } }); #或者requirejs requirejs.config({ //By default load any module IDs from js/lib baseUrl: '../src', paths: { $: 'zepto' } }); require(['click-progress','$'], function(ClickProgress,$) { var cp = new ClickProgress(); cp.init({ trigger:$('#click'), target:$('.progress'), v:5, a:1, change:'height', time:30, clicked:function(a,b,c){ console.log(c,'加油') }, progress:function(a,b,c){ console.log(c) }, callback:function(){ alert('完成了') } }); }); #属性和方法 ##trigger: 触发事件的对象 ##target: 进度条对象dom,结果有两层 ##v: 每次点击的初始速度 ##a: 加速度,可以理解为重力或摩擦力 ##change:height/width 是改变的高度还是width,默认为height ##time: 频率 ##clicked:function(a,b,c) 点击后的回调,a是trigger,b是target,c是当前的power值,下面的一样 ##progress:function(a,b,c) 每次进度改变的回调 ##callback:function(a,b,c) 结束后的回调,这里指达到100%;