Создание бегущей строки

advertisement
Создание бегущей строки
В HTML есть специальный тег для
<marquee>...</marquee>. Синтаксис тега marquee:
создания
бегущей
строки:
<marquee атрибут="параметр" ...>Объекты, которые должны перемещаться
</marquee>
Атрибуты и параметры тега marquee
1. bgcolor="цвет" - задает цвет фона контейнера. Если атрибут bgcolor не задан, то
по умолчанию фоном будет цвет фона страницы.
2. behavior="параметр" - это один из самых важных атрибутов бегущий строки. Он
задает параметр, по которому осуществляется поведение бегущей строки. Имеет
параметры:
 alternate - бегущая строка перемещается циклично: справа налево, далее
слева направо (бегает между краями). Например:
<marquee behavior="alternate"></marquee>

scroll - бегущая строка перемещается за пределы области в том
направлении, которое указывает атрибут direction (с параметром), а далее
циклично повторяется.. Например:
<marquee behavior="scroll" direction="left"></marquee>

slide - очень похож на scroll, однако в конце строка останавливается и
больше не повторяется. Например:
<marquee behavior="slide" direction="right"></marquee>
3. direction="параметры" - задает направление движения бегущей строки.
Принимает следующие параметры:
 left - движение справа налево. Примечание: left установлено по умолчанию.
Например:
<marquee behavior="scroll" direction="left"></marquee>

right - движение слева направо. Например:
<marquee behavior="scroll" direction="right"></marquee>
Задание к уроку
Создать новый html-документ, фоновый рисунок – файл cong.gif.
В первой строке написать текст «С Новым годом!», полужирный, цвет текста – белый.
Далее - пять «бегущих строк»:
1. Картинка xmastree.gif. Направление «бегущей строки» - налево, режим вывода –
циклическая прокрутка.
2. Картинка snowgift.gif. Цвет фона – синий, направление – налево, режим вывода –
циклическая прокрутка.
3. Картинка santaani.gif. Направление «бегущей строки» - направо, режим вывода –
циклическая прокрутка.
4. Картинка sc1.gif. Направление «бегущей строки» - налево, режим вывода – выход и
остановка.
5. Картинка hello.gif. Направление «бегущей строки» - налево, режим вывода –
прыжки.
Download