Skip to content

Latest commit

 

History

History
75 lines (52 loc) · 2.8 KB

README.ru.md

File metadata and controls

75 lines (52 loc) · 2.8 KB

Code Climate

jquery-animateNumber

Примеры | v0.0.14 – последняя версия

README in english

Этот плагин для jQuery позволяет анимировать числа, добавляя к функции $.animate свойства number и numberStep.

Работает с jQuery 1.7.0 или более новой версией (тестировался на версиях 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.0).

Пример

<p>Уровень качества <span id="fun-level" style="color: red; font-size: 0px;">0 %</span>.</p>
// функция $.animateNumber принимает такие же аргументы,
// как и $.animate, дополнительно можно использовать
// параметры 'number' и 'numberStep'
$('#fun-level').animateNumber(
  {
    number: 100,
    color: 'green', // требует jquery.color
    'font-size': '50px',

    easing: 'easeInQuad', // требует jquery.easing

    // опциональный аргумент: функция шага анимации числа
    // здесь используется, чтобы добавить '%' в конце числа
    numberStep: function(now, tween) {
      var floored_number = Math.floor(now),
          target = $(tween.elem);

      target.text(floored_number + ' %');
    }
  },
  1800
);

Все примеры

Другие плагины для анимации чисел

Разработка

  1. npm install grunt-cli -g
  2. npm install
  3. https://github.com/gmarty/grunt-closure-compiler
  4. grunt watch

Note on Patches / Pull Requests

  • Сделайте форк.
  • Внесите изменения.
  • Сделайте пулл-реквест. Ваши изменения в отдельной ветке принесут плюс в карму :)

Лицензия

jquery-animateNumber является бесплатным ПО, подробности в файле LICENSE.

Авторы

Минутка рекламы

Я руковожу Цифрономикой. Мы занимаемся разработкой на Ruby on Rails. Пишите!