Для этого в html существует эффект плывущего текста, который осуществляется с помощью определенных тегов: открывающегося тега <marquee> и закрывающегося его </marquee>. Текст, заключенный между ними и обретает силу движения. Бегущая строка хороша для транслирования новостей блога либо просто для обращения внимания читателей к определенному месту страницы.
Пример простой бегущий строки будет выглядеть так:
<marquee">Очень грустный паровоз</marquee>А вот так будет выглядеть ее визуальный пример:
Тег | Значение |
direction="left" | Движение текста влево |
direction="right" | Движение текста вправо |
direction="up" | Движение текста вверх |
direction="down" | Движение текста вниз |
behavior="alternate" | Движение текста вправо до конца блока, после чего текст движется влево |
behavior="slide" | Текст останавливается как только достигает конца блока, в который заключен |
loop="4" | Указывает на количество появлений бегущего текста, в кавычках обозначается число появлений |
scrollamount="3" | Скорость движения текста, чем выше параметр, тем быстрее движется текст |
width="300" | Ширина блока, в котором движется текст |
height="40" | Высота блока, в котором движется текст |
onmouseover="this.stop()" onmouseout="this.start()" | В первом случае текст останавливается, если к нему подведен курсор, во втором – начинает двигаться |
bgcolor="#FFFFFF" | Цвет блока, в котором движется текст |
style="color: #000000" | Цвет текста |
style="font-size: 2em" | Размер текста |
style="font-family: Ariel" | Шрифт текста |
style="font-size: 14pt; color: #000000; font-family: Ariel" | Пример обозначения общего стиля плывущего текста |
<marquee direction="down" scrollamount="3" width="255" style="font-size: 14pt; color: #A13D0C; font-family: Tahoma" height="60" bgcolor="#EDB55E">Бегущая строка для Blogger</marquee>
Как видите, имея достаточно фантазии, можно найти применение строкам, бегущим вдаль. Непосредственно в Blogger плывущий текст интегрируется на странице создания сообщения, во вкладке “Изменить HTML”, либо с помощью обыкновенного гаджета HTML/JavaScript.