Тег <marquee>
Тег <marquee> определяет текст, который будет отображаться в бегущей строке окна. Тег <marquee> не является стандартным. Этого достаточно, чтобы мы не рекомендовали вам его употреблять.
Текст, заключенный между <marquee> и обязательным </marquee>, бежит в горизонтальном направлении через окно броузера. Атрибуты тега управляют областью отображения, внешним видом, выравниванием по отношению к окружающему тексту и скоростью бегущей строки. Тег <marquee> и его атрибуты игнорируются другими броузерами, но его содержимое не опускается. Оно выводится как статический текст
без учета выравнивания и прочих свойств, определенных атрибутами данного тега.
Атрибут align
Популярные броузеры размещают текст из тега <marquee> так же, как если бы это было вложенное изображение. Следовательно, можно выровнять бегущую строку по отношению к окружающему тексту.
Атрибут align принимает значения top, middle и bottom, устанавливающие, что определенная точка строки будет выровнена с соответствующей точкой в окружающем тексте. Таким образом:
<marquee align=top>
выравнивает верхний край области вывода текущей строки с верхним краем облегающего текста.
Атрибуты behaviour, direction, loop
Вместе эти атрибуты управляют стилем, направлением и продолжительностью отображения бегущей строки. Атрибут behaviour принимает три значения:
scroll (принимается по умолчанию)
Значение scroll заставляет бегущую строку вести себя подобно огромной бегущей строке на Times Square. Первоначально область ее размещения пуста. Текст начинает бежать от одного края (атрибут direction определяет от которого), добегает до противоположного
и затем исчезает. В конце концов, область текущей строки снова пуста.
slide
Это значение заставляет строку появляться, как в предыдущем случае, заполняя отведенное для нее изначально пустое пространство и двигаясь в направлении, определенном атрибутом direction, но затем по достижении противоположного края области вывода останавливаться и застывать на экране.
alternate
Это значение порождает следующий эффект: текст бегущей строки сразу же полностью выводится на одном крае области вывода, затем течет до противоположного края отведенного пространства, где «отражается» и бежит назад к начальной точке своего движения.
Если значение атрибута behaviour явно не указано, то по умолчанию он принимает значение scroll.
Атрибут direction устанавливает направление движения строки на экране. Допустимые значения – это left (принимается по умолчанию) или right. Заметьте, что начальный пункт движения находится на краю, противоположном значению direction. Значение left определяет, что текст начинает движение справа и перетекает налево. Помните
также, что текст, бегущий слева направо, противоречит интуиции людей, читающих слева направо. Атрибут loop определяет число «прогонов» строки. Если ему присвое
но целое значение, строка пробежит по экрану указанное число раз. Если атрибуту loop назначено значение infinite, строка будет пробегать раз за разом, пока пользователь не перейдет к другому документу.
Соберем несколько описанных атрибутов вместе:
<marquee align=center loop=infinite>
Кумкваты без начинки
………. Очень вкусно!
</marquee>
Сообщение из примера появляется у правого края (по умолчанию), пробегает, двигаясь налево, весь свой путь и пропадает из окна, затем появляется снова и снова, пока пользователь не перейдет к другому документу. Обратите внимание на промежуточные точки и пробелы в текст примера. Вы не можете присоединить одну бегущую строку к другой. Отметим также, что строка стиля slide неприятно дергается при повторениях и ее следует запускать лишь однажды, тогда как другим значениям behaviour повторение показано.
Атрибуты hspace и vspace
Атрибуты hspace и vspace позволяют оставлять некоторое расстояние между бегущей строкой и окружающим текстом, что делает ее более заметной.
Оба атрибута принимают целые значения, определяющие нужные расстояния в пикселах. Атрибут hspace оставляет промежутки над бегущей строкой и под ней. Атрибут vspace вводит их слева и справа от бегущей строки. Чтобы оставить промежутки в 10 пикселов со всех сторон бегущей строки, напишите:
<marquee vspace=10 hspace=10>