Бегущая строка в тексте документа является одним из легких способов оживить
Web-страницу. Бегущие объекты всегда привлекают внимание, и пользователь
обязательно прочтет что там написано. Так же бегущую строку можно применять, там
где мало места. Но не следует злоупотреблять экономией места. Помните, что
посетитель может просто не дождаться, когда в бегущей строке отобразится весь
текст сообщения.
Бегущая строка создаётся с помощью контейнера тэгов
<marquee>...</marquee> со следующими атрибутами:
- width="..." - ширина бегущей строки в пикселях или процентах от
ширины экрана.
- height="..." - высота бегущей строки в пикселях или процентах.
(Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать,
она сама подбирается под размер букв).
- bgcolor="..." - определяет цвет фона бегущей строки.
- behavior="..." задает тип движения (поведение) бегущей строки и
имеет следующие значения:
- scroll - циклическая прокрутка текста из одного конца в другой
- slide - текст появляется с одного края и останавливается у
другого.
- alternate - текст перемещается от одного края к другому и
обратно.
- direction="..." - определяет направление движения бегущей строки.
Имеет следующие значения:
- left - текст движется влево по строке
- right - текст движется вправо по строке
- up - вся строка перемещается снизу вверх
- down - строка движется сверху вниз
- scrollamount="..." - шаг перемещения в строке в пикселах, на
который перемещается текст за заданный интервал времени. Например:
- scrollamount="1"
- scrollamount="2"
- scrollamount="2"
- scrolldelay="..." - Этот атрибут задаёт временной интервал между
шагами бегущей строки в миллисекундах. Например:
- scrolldelay="100"
- scrolldelay="200"
- scrolldelay="300"
- loop="..." - задаёт число проходов текста бегущей строки. По
умолчанию или при указании значения -1 (infinite) броузер будет
прокручивать текст бесконечное число раз.
- hspace="..." - Этот атрибут задает поле в пикселах справа и слева
от бегущей строки.
- hspace="10"
- hspace="0"
- vspace="..." - Этот атрибут задает отступ в пикселах выше и ниже
бегущей строки.
- hspace="0"
- hspace="10"
Ниже приведен пример кода для бегущей строки размеро 50 пикселей в высоту и
250 пикселей в ширину. Определена бесконечная прокрутка текста, текст
перемещается слева направо и имеет ярко-голубом фоне.
<marquee loop="infinite" behavior="altemate"
bgcolor="aqua" direction="right" height="50" width="250">
Пример берущей строки.
</marquee>
А так выглядит результат этого кода:
Теперь давайте узнаем Где взять и как
сделать гостевую книгу.