Быстрый старт с CountUp.js

demosourse

CountUp.js - это абсолютно технологично-независимый, легковесный JavaScript плагин с помощью которого можно быстро и легко создать анимацию прокрутки числа.

Сие чудо можно скачать на Githab.

Для интерактивного знакомства с самим плагином и его настройками посмотрите демо.

Использование плагина сводится к его подключению, инициализации и вызове:

var options = {
      useEasing : true,
      useGrouping : true,
      separator : ',',
      decimal : '.',
      prefix : '',
      suffix : ''
};
var demo = new CountUp("myTargetElement", 0, 2602, 0, 2.5, options);
demo.start();

В данном примере мы сначала готовим объект параметров: указываем что хотим использовать анимацию и группировку чисел. Далее указываем разделитель для больших чисел, а так же знак, разделяющий целую и дробную части. Так же можно указать префикс и суффикс т.е. значение которое должно быть вставлено до и после числа.

Когда все параметры готовы, создаём объект CountUp, указываем id элемента на странице, начальное значение, конечное значение, количество знаков после точки, время прокрутки. Последним параметром передаём объект настроек.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://inorganik.github.io/countUp.js/
Перевел: Станислав Протасевич
Урок создан: 27 Мая 2016
Просмотров: 9872
Правила перепечатки

5 последних уроков рубрики "jQuery"

^ Наверх ^