Бегущая строка в тексте документа является одним из легких способов оживить
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>
А так выглядит результат этого кода:
|