Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Анимация на странице (https://javascript.ru/forum/dom-window/59842-animaciya-na-stranice.html)

akiselev 29.11.2015 19:15
Анимация на странице
 
Вложений: 1
Стоит задача сделать постоянно прокручивающиеся строки с замедлением прокрутки при наведении мышью. Помогите пожалуйста, второй день вообще не могу понять как сделать.
Пример в приложении

рони 29.11.2015 19:37
akiselev,

http://aamirafridi.com/jquery/jquery-marquee-plugin

Алексей Петрович 29.11.2015 19:38
Не много магии http://jsfiddle.net/zoex8ga5/. Юзай animation-play-state.

akiselev 29.11.2015 23:33
Цитата:
Сообщение от Алексей Петрович (Сообщение 398043)
Не много магии http://jsfiddle.net/zoex8ga5/. Юзай animation-play-state.
Задача в том, чтобы текст непрерывно бежал. Копировался в конец

Алексей Петрович 30.11.2015 00:23
Цитата:
Сообщение от akiselev (Сообщение 398064)
Задача в том, чтобы текст непрерывно бежал. Копировался в конец
Можно в HTML хренову тучу блоков натыкать, и немного подправить стили. Ну или JS. В общем я тебе лишь предложил вариант реализации, допиливай или делай своё.

Алексей Петрович 30.11.2015 09:58
Как вариант на JS вижу:
1. Узнаешь длинну бегущей полосы.
2. Узнаёшь длинну блока внутри.
3. Пихаешь блоки пока пока их ширина не будет чуть чуть больше, ширины бегущей полосы.
4. Делаешь таймер, каждые пол секунды отнимаешь 1px у margin-left первого блока.
5. Пихаешь в таймер условие, когда margin и width будут равны, удаляешь первый блок, и добавляешь в конец новый.
6. При наведении мышки таймер останавливаешь.

akiselev 30.11.2015 11:03
Спасибо! Попробую. Проблема в том была, что при анимации текст дергался и при большом кол-ве тегов начинало все подтормаживать


Часовой пояс GMT +3, время: 20:14.