Если Вам не хочется разбираться в настройках бегущей строки, то можно воспользоваться всего лишь одной строкой html-кода:
<marquee>Текст бегущей строки</marquee>
Выглядеть она будет так:
Далее расскажу о том, как настроить внешний вид бегущей строки.
1. Направление движения.
Стандартно "бегучка" движется влево.
1) Не знаю, пригодится ли это кому-то, но чтобы текст двигался вправо, нужно добавить в код параметр direction="right" И полный код строки будет таким:
<marquee direction="right">Ваш текст бегущей строки</marquee>
2) HTML код для движения вверх:
<marquee direction="up">Текст бегущей строки</marquee>
Блок, где движется текст, довольно большой. Ниже смотрите, как изменить высоту блока фона.
3) Код, который нужно использовать для "отправки" строки вниз:
<marquee direction="down">Текст бегущей строки</marquee>
4) Фиксируем бегущую строку - дойдя до левой границы сообщения (или гаджета) строка должна остановиться.
Нам будет нужен код:
<marquee behavior="slide">Текст бегущей строки останавливается</marquee>
2. Отрегулируем скорость движения текста. Для этого добавим параметр scrollamount="2" Чем больше будет цифра, тем быстрее будет бежать текст )).
Пример:
<marquee scrollamount="2">Текст бегущей строки</marquee>
3. Хотите цвет текста или тип шрифта изменить? Не проблема!
1) Изменить цвет текста бегущей строки: style="color: #FF0000"
Например:
<marquee style="color: #ff3300;">Цветная бегущая строка</marquee>
2) Шрифт "бегучки": style="font-family: verdana"
3) Изменить можно как сам тип шрифта, так и его размер (цифрой):
style="font-size: 2em"
4. Добрались до фона. При желании настраиваем фон блока с бегущей строкой.
1) Высота блока (фона). За это отвечает параметр height="35", например. Указывайте нужную Вам цифру.
2) Ширину блока (фона) бегущей строки регулируем при помощи width="300".
3) И, конечно же, цвет фона.
Пример кода:
<marquee bgcolor="#FF9999">Текст на цветном фоне</marquee>
