Біжучий рядок

Звичайно ж не можна обійти увагою таке явище, як рядок, що біжить. Хочу відразу попередити, що не треба нею зловживати. Середньоарифметичного відвідувача будь мельтешение на екрані, як правило, дратує. І взагалі невиправдане наявність рухомого рядка на сайті або форумі можна сміливо визнати поганим тоном в дізайнерстве.

Після цього цілком закономірне запитання: так навіщо ж потрібна ця рядок, що біжить, якщо це не красиво, не зручно і взагалі - "поганий тон"?
Я вважаю, що виправдана біжучий рядок тільки в одному випадку: коли на невеликій ділянці екрана потрібно розмістити великий обсяг інформації, наприклад, численні новини, банери, посилання та ін.

Можна це все розмістити в "Прихованому тексті" використовуючи Ява-скрипт (Урок 21). Але найголовніше незручність цього способу це те, що ява-скрипт НЕ Новомосковскет пошуковик, а значить, ваші новини і посилання, розміщені в ньому Ніколи не будуть проіндексовані.
Біжучий рядок, розташовану в тегах

Однак, щоб не перевантажувати свій сайт "мерехтінням" краще зробити не більше однієї рядка, що біжить, попередньо подумавши і зваживши, що можна в неї помістити.

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

Та, що біжить рядок може бути вертикальна або горизонтальна. Тобто, весь текст, банери та інше, можуть рухатися по екрану або у напрямку верх-низ, або ліво-право.
Біжучий рядок і все її складові можна встановити в будь-якому документі, в якому підтримується HTML. Для того, щоб всі банери, текст або будь-які інші елементи відображалися у вигляді рядка, що біжить, є спеціальний парний тег:

Дана рядок, що біжить не містить ніяких додаткових атрибутів, рухається строго горизонтально, справа наліво

Як і для багатьох інших тегів, для рядка, що біжить можна задати різні параметри, скориставшись відповідними атрибутами (властивостями). До цих тегам насамперед належать такі:

Widht і Height. З атрибутами Widht і Height ви повинні бути вже знайомі, якщо ви займаєтеся веб-дизайном. Це відповідно ширина і висота того віконця, в якому буде програватися ваш текст, показуватися банери тощо. Для того, щоб віконце було добре видно, я додам тег Bgcolor, який відповідає за колір.

У віконці 300 на 50 px. жовтий фон

Behavior - поведінка тексту (спосіб руху). Він може мати значення:
- scroll - рухається в одному напрямку, поступово зникаючи з поля зору (точно так само поводиться біжучий рядок без заданого способу руху, тому ставити атрибут scroll байдуже)

Рухається в одному напрямку, поступово зникаючи

- slide - доїжджає до краю і зупиняється (якщо ви дочитали до цього місця - ви бачите біжучий рядок стоячій на місці. Щоб побачити, як цей тег працює знову поновіть сторінку).

Доїжджає до краю і зупиняється

Їздить від краю до краю

Для того, щоб задати швидкість руху рядка, треба використовувати атрибут scrollamount. Цей атрибут може мати значення від 1 до 10. Наприклад, дуже повільна швидкість: scrollamount = "1". Далі, на прикладі рядки, їздить від краю до краю я показую зміни швидкості руху.

Їздить від краю до краю зі швидкістю 2

Їздить від краю до краю зі швидкістю 9

Так само можна задати для біжучого рядка такі теги:

Loop - число програвань. Наприклад: Loop = "5" - ваш текст пробіжить по полю п'ять разів, після чого користувачеві потрібно оновити сторінку, щоб він почав рухатися знову. Він так само може мати будь-який числове значення (або, якщо ви не ставите цей атрибут, текст буде програватися нескінченну кількість разів). Для цього тега можна задати так само значення infinite - нескінченне число програвань. Але простіше взагалі не вписувати даний тег, якщо ви хочете, щоб ваш текст програвався стільки, скільки відкрита сторінка.

Число програвань - 5

Тепер про напрямок руху. Тег Direction вказує браузеру, в якому напрямку має рухатися текс, банери тощо. Значення для цього тега:

left - вліво
right - вправо
up - від низу до верху
down - зверху вниз

Якщо ви не поставите ніякого значення Direction, ваша біжучий рядок буде йти, як на попередніх прикладах, завжди справа наліво.

Рухається вліво зі швидкістю 3

Рухається вправо зі швидкістю 5

рухається знизу
вгору зі швидкістю 2

Рухається зверху вниз
зі швидкістю 1

Aling - вирівнювання вашого тексту (даний тег добре працює в Opera, але не завжди бажає працювати в Firefox і Explorer). Він може мати наступні значення:

left - по лівому краю
right - по правому краю
top - по верхньому краю
middle - по центру
bottom - по нижньому краю

вирівнювання
по правому краю

Вирівнювання по верхньому краю

Ви можете задати відступи від країв поля (даний тег так само добре працює в Opera, але так само не завжди бажає працювати в Firefox і Explorer):

vspace - відступ зверху і знизу поля
hspace - відступ зліва і справа

Відступи 10 і 10

Можна так само зробити, щоб ваша рядок, що біжить зупинялася при наведенні курсору миші (в браузері "Опера" - не працює. Працює тільки в FF і IE). Це зручно, якщо ви хочете, щоб відвідувач міг уважно прочитати біжучий інформацію або міг би ретельно розглянути рухомий банер. Для цього треба додати в тег наступну конструкцію:

При цьому тег рядка, що біжить буде виглядати так:

вертикальна,
зупиняється при наведенні
курсора миші

Горизонтальна, зупиняється при наведенні курсору миші

Це основні параметри рядка, що біжить, які використовуються найчастіше.