Пятница, 27 Июля 2012 11:35

Бегущая строка при помощи HTML

Written by 
Оцени эту запись
(2 Голоса)

Вот недавно узнала таком замечательном html теге, как marquee, при помощи которого можно делать бегущую строку. Причем "бежать" в нем могут и текст, и картинки, и другие интерески. Рассмотрим его возможности подробнее.

 

Первый пример. Просто бегущая строка...

 

Бегущая строка...

 

<marquee direction="left" scrolldelay="50"><strong>Бегущая строка...</strong></marquee>

 

У тега marquee есть следующие атрибуты:

Вертикальные и горизонтальные поля вокруг контента - hspace и vspace, отступы по вертикали и горизонтали.

Высота и ширина области прокрутки - height и width.

Напрвление движения содержимого в контейнере - direction. Может принимать значения - down, left, right, up.

Количество прокруток loop.

Скорость движения scrollamount.

Задержка между движениями scrolldelay.

Тип движения behavior, может принимать значения alternate, scroll, slide.

 

Давайте поэкспериментируем с настройками marquee:

 

 

Для начала меняем направление - direction="top"

 

Бегущая строка...

 

 

Теперь прокрутим вправо и медленно - direction="right", scrolldelay="500"

 

Бегущая строка...

 

 

Сейчас попробуем задать количество прокруток равной 1

 

Бегущая строка...

 

 

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов