Зробити біжучий рядок на сайті

При розробці сайту цікавим елементом дизайну, що привертає увагу, може стати біжучий рядок. Особливо зручно розміщувати з її допомогою короткі новини, інформацію про знижки, розпродажі і т.п. Крім того, рядок, що біжить - найпростіший спосіб створення анімації на сайті. Насправді ви можете зробити «біжать» не тільки слова, а й будь-які інші елементи сторінки - зображення (включаючи анімовані), таблиці, елементи форм і т.д. Причому переміщення об'єкта може бути як по горизонталі, так і по вертикалі.

Ви можете використовувати її в самих різних ситуаціях:

як інформера для новин, оновлень,

в якості роздільників для тексту,

для візуального прикраси і т.д.

Щоб зробити ефект біжить тексту, використовується контейнер ... з певними атрибутами. Давайте спочатку подивимося, які атрибути за що відповідають, а потім будемо застосовувати:

behavior - задає тип руху вмісту контейнера , може приймати значення:

alternate - об'єкт переміщається між правим і лівим краєм області;

scroll - об'єкт переміщається в напрямку, заданим атрибутом direction, потім ховається за межами області, після чого починає рух з початку;

slide - об'єкт переміщається в напрямку, заданим атрибутом direction, доходить до краю області і зупиняється.

bgcolor - колір фону контейнера, за замовчуванням встановлений колір фону сторінки,

direction - вказує напрямок руху вмісту контейнера, може приймати занчение:

down - зверху вниз,

up - від низу до верху,

left - справа наліво (встановлено за умовчанням),

right - зліва направо.

height - висота області прокрутки (в пікселах або відсотках),

width - ширина області прокрутки (в пікселах або відсотках),

hspace - горизонтальні поля навколо контейнера (ціле позитивне число),

vspace - веріткальние поля навколо контейнера (ціле позитивне число),

loop - задає кількість разів прокрутки вмісту (будь-яке ціле позитивне число або -1 для нескінченного відтворення руху),

scrollamount - задає швидкість руху контенту: встановлює відстань в пікселях між старим і новим положеннями, яке впливає на швидкість руху і плавність ходу. За умовчанням встановлено 6.

Проста рядок, що біжить з текстом:

Зробити біжучий рядок на сайті

Вертикальна біжучий рядок з картинкою або текстом.

Вертикальна біжучий рядок з прокруткою зверху вниз.

Вертикальна біжучий рядок з прокруткою від низу до верху.

Замовити створення сайту >>
від SEOKlub

Схожі статті