Анимация на странице

[akiselev]

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

[рони]

akiselev,

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

[Алексей Петрович]

Не много магии http://jsfiddle.net/zoex8ga5/. Юзай animation-play-state.

[akiselev]

Не много магии http://jsfiddle.net/zoex8ga5/. Юзай animation-play-state.

Задача в том, чтобы текст непрерывно бежал. Копировался в конец

[Алексей Петрович]

Задача в том, чтобы текст непрерывно бежал. Копировался в конец

Можно в HTML хренову тучу блоков натыкать, и немного подправить стили. Ну или JS. В общем я тебе лишь предложил вариант реализации, допиливай или делай своё.

[Алексей Петрович]

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

[akiselev]

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