界面框架初步提交
This commit is contained in:
66
src/main/webapp/static/global/plugins/counterup/README.md
Normal file
66
src/main/webapp/static/global/plugins/counterup/README.md
Normal file
@@ -0,0 +1,66 @@
|
||||
Counter-Up
|
||||
==========
|
||||
|
||||
Counter-Up is a jQuery plugin that *animates* a number from zero (counting up towards it). It supports counting up:
|
||||
|
||||
* integers `12345`
|
||||
* floats `0.1234`
|
||||
* formatted numbers `1,234,567.00`
|
||||
|
||||
Features:
|
||||
|
||||
* Auto-detect for integers, floats or formatted numbers
|
||||
* The plugin will also use the number of decimal places the original number is using.
|
||||
* Lightweight: ~1kb
|
||||
* Minimal setup
|
||||
|
||||
*Requires [waypoints.js](http://imakewebthings.com/jquery-waypoints/)*
|
||||
|
||||
Demo
|
||||
====
|
||||
|
||||
**[DEMO](http://bfintal.github.io/Counter-Up/demo/demo.html)**
|
||||
|
||||
Usage
|
||||
=====
|
||||
|
||||
**Include**
|
||||
|
||||
```
|
||||
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
|
||||
<script src="jquery.counterup.min.js"></script>
|
||||
```
|
||||
|
||||
**HTML**
|
||||
|
||||
```
|
||||
<span class="counter">1,234,567.00</span>
|
||||
<span>$</span><span class="counter">1.99</span>
|
||||
<span class="counter">12345</span>
|
||||
```
|
||||
|
||||
**jQuery**
|
||||
|
||||
```
|
||||
$('.counter').counterUp();
|
||||
```
|
||||
|
||||
**or with extra parameters**
|
||||
|
||||
```
|
||||
$('.counter').counterUp({
|
||||
delay: 10,
|
||||
time: 1000
|
||||
});
|
||||
```
|
||||
|
||||
`delay` - The delay in milliseconds per number count up
|
||||
|
||||
`time` - The total duration of the count up animation
|
||||
|
||||
Social Stuff
|
||||
============
|
||||
|
||||
Twitter: [@bfintal](https://twitter.com/bfintal) & [@gambitph](https://twitter.com/gambitph)
|
||||
|
||||
Google+: <a href='https://plus.google.com/113101541449927918834' rel='author'>+Benjamin Intal</a>
|
||||
Reference in New Issue
Block a user