Примеры бегущей строки:

 

<marquee>Степногорск</marquee>

Степногорск

 

 

 

<marquee width="300px" height="20px">Степногорск</marquee>

 

Степногорск

 

 

 

<marquee direction="right" width="300px" height="20px">Степногорск</marquee>

 

Степногорск

 

 

 

<marquee behavior="alternate" width="50%" height="20px">Степногорск</marquee>

 

Степногорск

 

 

 

<marquee direction="up" width="150px" height="50px">Степногорск</marquee>

 

 

 

Степногорск

 

 

 

<marquee direction="down" width="150px" height="50px">Степногорск</marquee>

 

 

 

Степногорск

 

 

 

<marquee bgcolor="#00FF33" width="300px" height="20px">Степногорск</marquee>

 

Степногорск

 

 

 

         Пояснения.

 

1. Дескриптор <marquee></marquee> используют для того чтобы создать бегущую строку

 

2. Атрибут behavior - тип движения элементов бегущей строки:

 

         • scroll - заставляет строку появляться с одной стороны экрана и

 

                     исчезать за противоположной стороной (по умолчанию)

 

         • slide - строка появляется из-за одной стороны экрана и

 

                     останавливается у другой

 

         • alternate - заставляет строку бегать взад-вперед  

 

3. Атрибут direction - направление движения бегущей строки:

 

          • left - влево (по умолчанию),

 

          • right - вправо,

 

          • down - вниз,

 

          • up – вверх

 

4. height - высота бегущей строки

 

5. width - ширина бегущей строки

 

6. hspace - отступ от левой и правой границ области прокрутки

 

7. vspace - отступ по вертикали от границ прокрутки

 

8. loop - число показов бегущей строки, по умолчанию - infinite (бесконечное) повторение

 

9. scrollamount - смещение в пикселях за один шаг

 

10.  scrolldelay - величина задержки в миллисекундах между шагами. Используется для замедления перемещения элементов бегущей строки

 

11.  truespeed - минимальное значение задержки между шагами, по умолчанию 60 мс

 

12.  bgcolor - цвет фона бегущей строки

 

13.  <marquee onmouseover=this.stop() onmouseout=this.start()>   -  при наведении курсора строка остановиться, при убирании курсора вновь будет двигаться

 

          Рассмотрим примеры

 

          (все, что выделено красным меняется по своему усмотрению)

 

1. <marquee width="300px" height="20px">Степногорск</marquee>

 

           width="300px" – ширина бегущей строки 300 пикселей;

 

           height="20px" – высота бегущей строки 20 пикселей.

 

2. <marquee direction="right" width="300px" height="20px">Степногорск</marquee>

 

           direction="right" – направление движения бегущей строки вправо;

 

                 width="300px" – ширина бегущей строки 300 пикселей;

 

                 height="20px" – высота бегущей строки 20 пикселей.

 

3. <marquee behavior="alternate" width="300px" height="20px">Степногорск</marquee>

 

           behavior="alternate" – заставляет строку бегать взад-вперед;

 

                 width="300px" – ширина бегущей строки 300 пикселей или width="50%" – ширина бегущей строки 50 процентов;

 

                 height="20px" – высота бегущей строки 20 пикселей или height="20%" – высота бегущей строки 20 процентов.

 

4. <marquee direction="up" scrollAmount="1" width="150px" height="50px">Степногорск</marquee>

 

           direction="up" –  направление движения бегущей строки вверх;

 

                 scrollAmount="1" – строка смещается на 1 пиксель за один шаг;

 

                 width="150px" – ширина бегущей строки 150 пикселей;

 

           height="50px" – высота бегущей строки 50 пикселей.

 

5. <marquee bgcolor="#00FF33" width="300px" height="20px">Степногорск</marquee>

 

           bgcolor="#00FF33" –  цвет фона бегущей строки зеленый;

 

                 width="300px" – ширина бегущей строки 300 пикселей;

 

           height="20px" – высота бегущей строки 20 пикселей.