Как сделать бегущую строку на сайте... Возможно, Вам уже приходилось видеть на сайтах бегущие строки текста. Из этой статьи вы узнаете, как создать бегущую строку текста на веб-странице, а также на реальных примерах научитесь применять разные параметры бегущей строки текста. Что ж, приступим!
Знакомство с тегом <marquee>
Бегущая строка в html-документе создается тегом <marquee>, который имеет такие параметры, как ширина поля текста, высота и фоновый цвет. Рассмотрим это на примере.
Пример 1. Создадим бегущую строку с текстом «Это моя первая бегущая строка» шириной в 500 пикселей, высотой – 25, фоновым цветом – белым. Вот так будет выглядеть html-код этой бегущей строки:
<marquee height="25" width="500" bgcolor="white"> Это моя первая бегущая строка </marquee>
Размещаем этот код между тегами <body> и </body> и получаем полный html-код веб-страницы:
<html> <head> <title> Моя бегущая строка </title> </head> <body > <marquee height="25" width="500" bgcolor="white"> Это моя первая бегущая строка </marquee> </body> </html>
Пример 2. Создадим бегущую строку с текстом «Это моя вторая бегущая строка» с теми же параметрами, что и в предыдущем примере.
<html> <head> <title> Моя бегущая строка </title> </head> <body > <marquee height="25" width="500" bgcolor="white"> Это моя вторая бегущая строка </marquee> </body> </html>
Пример 3. Создадим бегущую строку с текстом «Это моя новая бегущая строка», с красным фоновым цветом.
<html> <head> <title> Моя бегущая строка </title> </head> <body > <marquee height="25" width="500" bgcolor="red"> Это моя новая бегущая строка </marquee> </body> </html>
Попробуйте создать что-то подобное сами, изменив цвет фона или размеры поля.http://www.znaikak.ru/makerunnigstroku.html
|