jquery.animateNumber(Counter)
- 숫자 점점 증가시켜 주는 Jquery Plugin
다운로드 및 예시 아래 사이트
http://aishek.github.io/jquery-animateNumber/
1 | <p>This plugin only <span id="lines">0</span> lines of code.</p> |
2 | $('#lines').animateNumber({ number: 165 }); |
01 | <p>Fun level <span id="fun-level" style="color: red;">0 %</span>.</p> |
02 | var percent_number_step = $.animateNumber.numberStepFactories.append(' %') |
03 | $('#fun-level').animateNumber( |
04 | { |
05 | number: 100, |
06 | color: 'green', |
07 | 'font-size': '30px', |
08 |
09 | easing: 'easeInQuad', |
10 |
11 | numberStep: percent_number_step |
12 | }, |
13 | 15000 |
14 | ); |
※ 예시는 사용할거 두개정도만 우선.. 좀더 자세한건 사이트 통해서.....!!깔끔하게 좋네!!!!!!!!!
그리고 보면 ... 예전에는 직접 다 만들어서 사용했는데...
요즘에는 그냥 구글링 하면 github이나 stackoverflow등 통해서 좋은소스들 너무 쉽게 찾는 것 같다;;;;;
