Як легко робиться в html біжучий рядок

Всім привіт. Сьогодні я покажу вам 1 швидкий спосіб, як робиться в html біжучий рядок. Для цього ми будемо використовувати тег marquee, який дозволяє переміщати не тільки текст, а й рядки. Але ми обмежимося текстом.

Тег marquee і його атрибути

Насправді за допомогою цього тега зробити біжучий рядок неймовірно просто. Дивіться на код:

Всі ми, вебмастера і розробники, постійно працюємо з сайтами. Хотів би вам порекомендувати майданчики, якими користуюся сам:

1. Reg.ru - тут реєструю і продовжую доменні імена, дуже надійна компанія!
2. HostIQ - хостинг преміум якості.
3. Ihor - більш бюджетний, але теж дуже якісний хостинг-провайдер.
4. Telderi.ru - єдина надійна біржа в рунеті, на якій можна купити готові сайти з доходом!

Через css налаштуємо фоновий колір, колір тексту і розмір шрифту.

marquee background: # 246B5C;
font-size: 22px;
color: #fff;
>

А тепер розбираємося з атрибутами. По-перше, це direction. Ми вказали right. але можна також вказати left. тоді рух буде починатися з правого кінця і йти в лівий. Крім цього, рух може бути вгору і вниз (up і down). Можете самі протестувати різні значення.

Не менш важливим є атрибут behavior. який визначає тип руху. У нього є три значення:

1. scroll - вміст доходить до краю, заходить за край і з'являється спочатку, починаючи рух заново.
2. alternate - вміст не виходить за краї, переміщаючись всередині них.
3. slide - контент переміщається один раз у вказаний бік, доходить до краю і зупиняється.

Які ще є атрибути (необов'язкові):

1. scrollamount - швидкість руху рядка. Здається в пікселах без px, тільки числом. За замовчуванням варто 6 пікселів. Ви можете поставити більше і менше, щоб протестувати в роботі це значення.
2. loop - кількість повторень рухів. Здається будь-яким позитивним числом. Якщо атрибут не описує, буде нескінченна кількість повторень.

В общем-то, це все атрибути, які вам треба знати, щоб управляти біжучим рядком. Все інше можна налаштувати через css, що я власне і зробив (відступи, колір, фон і т.д.)