Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.08.2017, 02:52
Интересующийся
Отправить личное сообщение для imhateb Посмотреть профиль Найти все сообщения от imhateb
 
Регистрация: 16.09.2013
Сообщений: 28

Как присвоить каждому элементу списка различную задержку анимации?
Здравствуйте.
Подскажите пожалуйста. На странице несколько списков ul с одинаковыми классами. В каждом таком списке различное количество элементов li. Хочу при помощи js автоматически добавлять каждому элементу списка различную задержку анимации (animation-delay), чтобы при загрузке эти элементы анимированно появлялись не все вместе, а один за другим, по очереди.
Ответить с цитированием
  #2 (permalink)  
Старый 07.08.2017, 03:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,795

imhateb,
[].forEach.call( document.querySelectorAll('li'), function(el,i) {
        el.style.animationDelay = (i * 100)+ "ms";
 });
Ответить с цитированием
  #3 (permalink)  
Старый 07.08.2017, 03:56
Интересующийся
Отправить личное сообщение для imhateb Посмотреть профиль Найти все сообщения от imhateb
 
Регистрация: 16.09.2013
Сообщений: 28

Спасибо огромное, золотой Вы человек. Добра и всех благ Вам!!!
Ответить с цитированием
  #4 (permalink)  
Старый 07.08.2017, 09:22
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,187

Первый раз вижу «старушку-программиста».
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как программно присвоить id элементу <div> jeel Events/DOM/Window 10 07.06.2014 14:21
Присвоить элементам списка id в цикле NeoMurderer jQuery 2 13.04.2013 16:50
Как присвоить параметр элементу? MCB Общие вопросы Javascript 3 31.03.2012 13:42
Как присвоить значение элементу формы материнского окна из дочернего? libinstyle Events/DOM/Window 15 28.07.2010 15:56
Как поменять стиль последнему элементу списка UL ARLEVNAR Элементы интерфейса 6 15.07.2010 08:58