БЕГУЩАЯ СТРОКА — как сделать на сайте?

<marquee>БЕГУЩАЯ СТРОКА - как сделать на сайте?</marquee>

ПОЛУЧАЕМ:

БЕГУЩАЯ СТРОКА — как сделать на сайте?

По умолчанию строка движется справа налево и постоянно прокручивается.

Для движения направо добавляем атрибут 

="right"

КОД:

<marquee direction="right">БЕГУЩАЯ СТРОКА - как сделать на сайте?</marquee>

ПОЛУЧАЕМ:

БЕГУЩАЯ СТРОКА — как сделать на сайте?

="up"

Код:

<marquee direction="up">БЕГУЩАЯ СТРОКА - как сделать на сайте?</marquee>

ПОЛУЧАЕМ:

БЕГУЩАЯ СТРОКА — как сделать на сайте?

="down"

КОД:

<marquee direction="down">БЕГУЩАЯ СТРОКА - как сделать на сайте?</marquee>

ПОЛУЧАЕМ:

БЕГУЩАЯ СТРОКА — как сделать на сайте?

behavior="scroll"

– прокрутка текста ( мне непонятно для чего этот атрибут,  текст по умолчанию всегда прокручивается).

КОД:

<marquee behavior="scroll">БЕГУЩАЯ СТРОКА - как сделать на сайте?</marquee>

ПОЛУЧАЕМ:

БЕГУЩАЯ СТРОКА — как сделать на сайте?

="slide"

(Текст начнет опять прокручиваться только при обновлении страницы)

КОД:

<marquee behavior="slide">БЕГУЩАЯ СТРОКА - как сделать на сайте?</marquee>

ПОЛУЧАЕМ:

БЕГУЩАЯ СТРОКА — как сделать на сайте?

Движение текста от одного края страницы до другого задается добавление атрибута 

="alternate"

КОД:

<marquee behavior="alternate">БЕГУЩАЯ СТРОКА</marquee>

ПОЛУЧАЕМ:

БЕГУЩАЯ СТРОКА

ДРУГИЕ АТРИБУТЫ:

scrollamount="1"

– скорость движения строки. Может изменяться от 1 до 9.

scrolldelay="20"

– этот атрибут задаёт временной интервал в миллисекундах между шагами бегущей строки.

width="200"

– ширина бегущей строки в пикселях или процентах от ширины экрана.

height="17"

– высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).

bgcolor="#000fff"

– задаёт фоновый цвет бегущей строки. (Вместо ooofff подставляйте свой цвет).

loop="2"

– задаёт число проходов бегущей строки. (Если указать "2" то два раза текст проедет и больше показываться не будет, только если ещё раз обновить страницу).

hspace="70"

- атрибут задает поле в пикселах справа и слева от бегущей строки.

vspace="70"

- атрибут задает отступ в пикселах выше и ниже бегущей строки.

ПОЗИЦИИ СТРОКИ:

align=bottom

- внизу.

align=middle

- посередине.

align=bottom

- внизу.

СТИЛЬ БЕГУЩЕЙ СТРОКИ:

Behavior=alternate

- меняет направление.

Behavior=scroll

- побуквенно исчезает.

Behavior=slide

- мгновенно начинает движение.

Scrollamount=

размер области смещения текста при каждой операции прокрутки

Scrolldelay=

задержка (в миллисекундах) между последовательными смещениями

ПРИМЕРЫ:

Зададим скорость движения строки при движении строки вверх.
 
КОД:

<marquee direction="up"scrollamount="3" >БЕГУЩАЯ СТРОКА</marquee>

ПОЛУЧАЕМ:

БЕГУЩАЯ СТРОКА

bgcolor="#9999ff"

 
КОД:

<marquee direction="up"scrollamount="4"bgcolor="#9999ff" >БЕГУЩАЯ СТРОКА</marquee>

 
ПОЛУЧАЕМ:

БЕГУЩАЯ СТРОКА

КОД:

<marquee><img src="//useful-services.com/wp-content/uploads/2013/09/9280b78a99bc35aa60ffc6b32f838c2e-e1378922592548.jpg"></marquee>

ПОЛУЧАЕМ: