"Бегущая строка" в дизайне сайта. Примеры "бегущей строки"

Свойства "бегущей строки".

• В бегущую строку вводится текст любой длины.
• Направление движения строки может быть двух видов: налево и направо.

Скорость движения текста:

• Задержка. Текст может начинать свое движение с задержкой в миллисекунды.
• Расстояние. За время движения строки текст проходит определенное расстояние, скорость прохождения текстом этого расстояния можно регулировать.

Движение текста.

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

Размер

• Ширина поля где размещается бегущая строка может быть задана в процентах и в точках.
  Если ширина задается в точках, то ее значение точное и неизменное. Если же ширина поля где размещается бегущая строка задана в процентах, то ее размер зависит от размера окна веб-обозревателя и разрешения экрана посетителя сайта.
• Высота поля для размещения бегущей строки так же как и ширина может быть задана в процентном и точечном значениях.
  Если высота задается в точках, то ее размер фиксированный. Если же высота поля для бегущей строки задается в процентах, то размер ее зависит от размера окна веб-обозревателя и разрешения экрана посетителя сайта.

Число повторений бегущей строки.

• Число повторений бегущей строки может быть бесконечным.
• Число повторений бегущей строки может быть заданным: текст бегущей строки непрерывно повторяется, пока страница отображается в окне веб-обозревателя посетителя узла.

Цвет фона бегущей строки.

• Цвет фона для области размещения бегущей строки может быть абсолютно любым.
• Выделение с помощью цвета области где размещается бегущая строка позволяет выделить текст бегущей строки из остального содержания страницы.

Размер шрифта

• Размер шрифта так же как и цвет можно выбрать любой.

Выравнивание текста

• По верхнему краю. Строка текста выравнивается по верхнему краю относительно всего остального текста.
• По середине: строка текста выравнивается по центру.
• По нижнему краю. Строка текста выравнивается по нижнему краю относительно всего остального текста.

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

• Техническая реализация бегущей строки проста. Её внедрение в дизайн сайта не представляет сложности.
• Бегущая строка часто вызывает раздражение у посетителей сайта и в профессиональном веб-дизайне применяется редко.
• От дизайна сайта с бегущей строкой лучше воздержаться, если на это нет достаточных обоснований.