Создание и вставка бегущей строки в HTML документе
Бегущая строка в тексте документа
является одним из легких способов оживить 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>
С сайта http://www.nine.net.ua/index.php/webdesinger/htmlcss/28-2010-01-28-01-03-40
|