'Counter'에 해당되는 글 1건

  1. 2014.04.28 [jquery] 숫자애니메이션 (jquery.animateNumber)
Programming/JS/Jquery/Ajax2014. 4. 28. 21:28

jquery.animateNumber(Counter)

 - 숫자 점점 증가시켜 주는 Jquery Plugin


다운로드 및 예시 아래 사이트

http://aishek.github.io/jquery-animateNumber/



Example 1: simple animation

This plugin only 0 lines of code.

$('#lines').animateNumber({ number: 165 });
Example 3: multiple properties

Fun level 0 %.

var percent_number_step = $.animateNumber.numberStepFactories.append(' %') $('#fun-level').animateNumber( { number: 100, color: 'green', 'font-size': '30px', easing: 'easeInQuad', numberStep: percent_number_step }, 15000 );

※ 예시는 사용할거 두개정도만 우선.. 좀더 자세한건 사이트 통해서.....!!깔끔하게 좋네!!!!!!!!!

    그리고 보면 ... 예전에는 직접 다 만들어서 사용했는데...

   요즘에는 그냥 구글링 하면 github이나 stackoverflow등 통해서 좋은소스들 너무 쉽게 찾는 것 같다;;;;; 

Posted by 시니^^