С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/8: Рейтинг темы: голосов - 8, средняя оценка - 4.50
 Аватар для Vetrox
9 / 9 / 6
Регистрация: 08.10.2012
Сообщений: 266

Как с CountUp.js сделать анимацию?

23.08.2017, 21:05. Показов 1700. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Ссылка на скрипт: https://github.com/inorganik/CountUp.js

Помогите разобраться новичку - как смонтировать скрипт в страницу?
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
23.08.2017, 21:05
Ответы с готовыми решениями:

Как сделать анимацию ?
Нужно чтоб Второй блок(id block_two) выезжал справа налево закрывая собой Первый блок(id block_one ),при наведении мышки на Первый блок. ...

Как сделать анимацию на сайте?
Здравствуйте друзья. Флеш вообще не знаю. Сейчас столкнулся с тем, что нужно сделать на сайте фотографии которые будут сменяться например...

Как сделать плавную анимацию height?
Привет. Создал страницу с верхним меню навигации. При прокрутке контента меню фиксируется и продолжает двигаться с экраном. Проблема...

2
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
24.08.2017, 01:54
Лучший ответ Сообщение было отмечено Vetrox как решение

Решение

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="ru-UA">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">    
    <title></title>
</head>
 
<body>
    <h1 class="jumbo" id="myTargetElement"></h1>
 
    <script src="countUp.min.js"></script>
    <script>
    var CountUpOptions = {  
        useEasing: true,
        useGrouping: true,
        separator: ',',
       decimal: '.',
    };
 
    var demo = new CountUp("myTargetElement", 0, 3921, 0, 2.5, CountUpOptions);
    demo.start();
    </script>
</body>
</html>
Тут генератор опций
1
 Аватар для Vetrox
9 / 9 / 6
Регистрация: 08.10.2012
Сообщений: 266
26.08.2017, 11:34  [ТС]
То что надо! Спасибо.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
26.08.2017, 11:34
Помогаю со студенческими работами здесь

Сделать анимацию по примеру
имеется такой пример: http://livedemo00.template-help.com/wt_43436/#!/page_splash хотелось бы сделать такую же анимацию по движению влево...

Как сделать анимацию на js
Есть у меня изображение я хочу чтобы оно перемещалось каждые 20 миллисекунд я незнаю как это сделать помогите!!!

При нажатии на кнопку сделать анимацию загрузки
Есть кнопка &lt;button type=&quot;submit&quot; class=&quot;btn btn-lg btn-custom big&quot; onClick=&quot;yaCounter.reachGoal(''); return true; ga('send',...

Не получается сделать "анимацию" меню с кнопки
Есть кнопка, по нажатию на которой вылезает меню (аккордеон?). Так вот. Пытаюсь сделать так, чтобы во время пока кнопка делает своё &quot;...

Как сделать такую анимацию?
всем привет! ребят, помогите найти библиотеку которая может сделать такую анимацию http://www.lunargravity.be/ (там картинки при...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Old Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru