При розробці сайту цікавим елементом дизайну, що привертає увагу, може стати біжучий рядок. Особливо зручно розміщувати з її допомогою короткі новини, інформацію про знижки, розпродажі і т.п. Крім того, рядок, що біжить - найпростіший спосіб створення анімації на сайті. Насправді ви можете зробити «біжать» не тільки слова, а й будь-які інші елементи сторінки - зображення (включаючи анімовані), таблиці, елементи форм і т.д. Причому переміщення об'єкта може бути як по горизонталі, так і по вертикалі.
Ви можете використовувати її в самих різних ситуаціях:
як інформера для новин, оновлень,
в якості роздільників для тексту,
для візуального прикраси і т.д.
Щоб зробити ефект біжить тексту, використовується контейнер з певними атрибутами. Давайте спочатку подивимося, які атрибути за що відповідають, а потім будемо застосовувати:
behavior - задає тип руху вмісту контейнера
alternate - об'єкт переміщається між правим і лівим краєм області;
scroll - об'єкт переміщається в напрямку, заданим атрибутом direction, потім ховається за межами області, після чого починає рух з початку;
slide - об'єкт переміщається в напрямку, заданим атрибутом direction, доходить до краю області і зупиняється.
bgcolor - колір фону контейнера, за замовчуванням встановлений колір фону сторінки,
direction - вказує напрямок руху вмісту контейнера, може приймати занчение:
down - зверху вниз,
up - від низу до верху,
left - справа наліво (встановлено за умовчанням),
right - зліва направо.
height - висота області прокрутки (в пікселах або відсотках),
width - ширина області прокрутки (в пікселах або відсотках),
hspace - горизонтальні поля навколо контейнера (ціле позитивне число),
vspace - веріткальние поля навколо контейнера (ціле позитивне число),
loop - задає кількість разів прокрутки вмісту (будь-яке ціле позитивне число або -1 для нескінченного відтворення руху),
scrollamount - задає швидкість руху контенту: встановлює відстань в пікселях між старим і новим положеннями, яке впливає на швидкість руху і плавність ходу. За умовчанням встановлено 6.
Проста рядок, що біжить з текстом:
Вертикальна біжучий рядок з картинкою або текстом.
Вертикальна біжучий рядок з прокруткою зверху вниз.
Вертикальна біжучий рядок з прокруткою від низу до верху.
Замовити створення сайту >>
від SEOKlub