Создание бегущей строки на сайте – очень простое дело. ПравдаЮ, многие веб-дизайнеры негативно относятся к подобным вещам на веб-ресурсах, мотивирую это тем, что бегущий текст может вызвать раздражение у посетителей, а вследствие чего и желание покинуть сайт. Для коммерческих сайтов это чревато потерей клиентов. Конечно же, так думают не все, но всё же дыма без огня не бывает, поэтому перед добавлением бегущей строки на Ваш коммерческий сайт, подумайте и предоставьте Вашему заказчику – клиенту информацию о возможных неблагоприятных факторах этой довольно-таки полезной штуки.
Для создания бегущей строки на сайте используется дескриптор <MARQUEE>. Это парный тег, поэтому не забудьте в конце его закрыть.
- Управлять движением Вашей бегущей строки Вам позволит атрибут BEHAVIOR.
- Значение scroll – бегущая строка появляется с одной стороны экрана и исчезает с другой, как бы прокручивается.
- Значение slide – бегущая строка появляется с одной стороны экрана и останавливается с другой.
- Значение alternate – бегущая строка движется взад-вперёд.
- Атрибут DIRECTION отвечает за направление движения бегущей строчки.
- Атрибут LOOP – отвечает за количество циклов перемещения строк.
- Атрибут BGCOLOR – отвечает за цвет фона бегущей строчки.
- Атрибут SCROLLAMOUNT - задаёт шаг перемещения строки в экранных пикселях.
- Атрибут SCROLLDELAY – указывает время задержки в миллисекундах между отдельными тактами перемещения строки.
Также с помощью стилей CSS Вы можете подогнать Вашу бегущую строку под дизайн Вашего веб-сайта (с помощью этих стилей Вы можете указать ширину самой бегущей строчки, стиль и размер её шрифта, цвет, толщину и вид границ строчки, и т.п). Чтобы отцентровать строку, можно заключить код в парный тег <center></center>
Обязательно протестируйте бегущую строку – разошлите ссылку своим знакомым и друзьям – пусть скажут своё мнение, не раздражает ли она глаза. Бегущая строка не должна прыгать, должна ехать плавно и не слишком быстро, чтобы была возможность всё-таки прочитать то, что написано в ней.
Творческих успехов Вам!