Дополнительные.

Ступенька 32 - "Cпецифические тэги, бегущая строка текста".

Эта ступенька посвящена специфическом тэгу <marquee></marquee> - бегущей строке (текста). Он поддерживается только Internet Explorer:

<marquee height="10" width="270" bgcolor="#ff0000">
Бегущая строка, высота - 10, ширина - 270 пикселов, фон - ff0000
</marquee>

Как видите, все просто. Текст, который мы помещаем в тэге <marquee></marquee>, становится бегущей строкой.

Атрибут bgcolor задаёт цвет фона бегущей строки. Атрибуты height и width регулируют высоту и ширина строки.

Также для бегущей строки можно задать и другие знакомые вам атрибуты - hspace, vspace и align (тот, кто их не помнит, срочно возвращается к Простейшим ступенькам и освежает свою память).

<marquee hspace="20" vspace="20" loop="2" height="10" width="270" bgcolor="#ff0000">
Бегущая строка появится два раза
</marquee>

Атрибут loop задает сколько раз прокрутится строка, в нашем примере указано loop="2" - 2 раза, а это значит, что к тому моменту, когда вы дойдете до этого примера, строка может уже не бежать, поэтому обновите страницу и убедитесь в правоте моих слов - строка пробежит только два раза.

Далее введём атрибут Direction - задает направление движения бегущей строки - direction="left" (right, up, down) - движение влево (вправо, вверх, вниз).
<marquee hspace="20" vspace="20" direction="right" loop="2" height="10" width="270" bgcolor="#ff0000">
Бегущая строка появится два раза с лева на право
</marquee>

С помощью атребута Behavior задаётся поведение строки. Этот атрибут может принемать следующие значения scrol, slide, и alternate. Scroll - обычная прокрутка (можно не прописывать, оно так и есть по умолчанию). Slide - прокрутка с остановкой, строка пробегает до края и останавливается. Если одновременно с behavor="slide" употребить параметр loop, то строка прокрутится установленное количество раз и остановится у края. Alternate - строка будет двигаться от края к краю.

Атрибут Scrollamount регулирует скорость движения строки. Он может принимать значения от 1 до 10. 1 - самое медленное движение, 10 - самое быстрое.

Так же можно задать паузу между отдельными текстами, с помощью атрибута scrolldelay присвоив ему любое значение в милесекундах.

<marquee scrolldelay="100" Scrollamount="4" Behavior="Slide" hspace="20" vspace="20" direction="left" loop="2" height="10" width="270" bgcolor="#ff0000">
Бегущая строка с право на лево
</marquee>

[ Назад: Ступенька 31-ая ] [ Далее: Ступенька 33-ая ]