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

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

1. В бегущую строку может вводиться только текст. Ограничений на длину нет.

2. Направление движения текста: налево (Пример 1) или направо (Пример 2).

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

   • Задержка (Пример 3) перед началом движения бегущей строки (в миллисекундах).

   • Расстояние (Пример 4), проходимое текстом бегущей строки в единицу времени (в точках).

4. Поведение.

   • Прокрутка (Пример 5). Текст прокручивается на экране аналогично сообщению биржевого аппарата.

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

   • Попеременно (Пример 7). Типы движения текста чередуются: текст бегущей строки попеременно прокручивается и сдвигается.

5. Размер.

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

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

6. Повторы (число повторений).

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

   • Бесконечное повторение строки.

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

8. Размер шрифта. Можно задать размер, начертание, цвет и т.д. текста бегущей строки.

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

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

   • По середине: строка выравнивается по центру.

   • По нижнему краю: строка выравнивается по нижней границе окружающего текста.

Важно:

1. Техническая реализация бегущей строки проста. Её внедрение в дизайн сайта не представляет сложности.

2. Бегущая строка часто вызывает раздражение у посетителей сайта и в профессиональном веб-дизайне применяется редко.

3. От дизайна сайта с бегущей строкой лучше воздержаться, если на это нет достаточных обоснований.

Основные разделы

О веб-студии
Услуги
Прайс-лист
Бизнес-планы
Бизнес-проекты
Веб-дизайн
Графика сайта
Договор на сайт
Задание на сайт
Заказать сайт
Интернет-конкурсы
Интернет-магазин
Интернет-маркетинг
Интернет-реклама
Ключевые слова
Контент сайта
Научный веб-дизайн
Оптимизация сайта
Поддержка сайта
Поисковая система
Портфолио
Раскрутка сайта
Редизайн
Рейтинг сайта
Рекомендации
Сайты для бизнеса
Сайт по недвижимости
Создание сайта
Справочник
Стоимость сайтов