Бегущая строка. HTML — коды бегущей строки

Бегущая строка. HTML — коды бегущей строки
Тег <marquee> создает бегущую строку на странице. На самом деле содержимое контейнера <marquee> не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы — изображения, текст, таблицы, элементы форм и т.д. Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение.

Первоначально тег <marquee> был предназначен только для браузера Internet Explorer, но современные версии других браузеров также понимают и поддерживают этот тег.

Бегущая строка создается с помощью тегов <marquee> и </marquee>
Между этими тегами вставляется текст или рисунок,или все вместе,которые должны прокручиваться.В тег <marquee> вставляются атрибуты строки, примерно так:<marquee> Контент бегущей строки </marquee>
Атрибуты бегущей строки:

behavior- тип движения со следующими значениями:

scroll- циклическая,
alternate- перемещение текста от одного края к другому
slide- остановка текста у одного края
direction- направление текста

up- весь текст идет снизу вверх
down- весь текст идет сверху вниз
left- текст идет налево
right- текст идет направо

Также используются следующие атрибуты:

scrollmount- шаг перемещения текста за заданный интервал времени со значениями в пикселях:
scrollmount- “1” “2” “3” ваш выбор
scrolldelay- интервал между шагами бегущей строки в миллисекундах к примеру:
scrolldelay- “100” “150” “200” ваш выбор
loop- число проходов текста
loop- “infinite”-постоянное прокручивание
loop=-“5” ваш выбор
hspace-“0”-ваш выбор-отступ поля справа и слева от бегущей строки в пикселях
vspace- “0”-ваш выбор-отступ поля сверху и снизу от бегущей строки в пикселях
width-“?” задает ширину бегущей строки в пикселях или процентах от ширины экрана
height-“?” задает высоту бегущей строки в пикселях или процентах
<font color=”#?”>бегущая строка</font> -определяет цвет текста в бегущей строке

бегущая строка
<marquee>бегущая строка</marquee>

---

бегущий text
<marquee scrollamount=”1″>бегущий text</marquee>

---

бегущая строка
<marquee scrollamount=”3″>бегущая строка</marquee>

---

бегущая строка;
<marquee scrollamount=”30″>бегущая строка</marquee>

---

бегущая строкаt
<marquee direction=”right”>бегущая строкаt</marquee>

---

бегущая строка
<marquee behavior=”alternate”>бегущая строка</marquee>

---

«Приморско-Ахтарский молочный завод» приглашает на дегустацию молочной продукции в молочный павильон центрального рынка по четвергам и субботам с 9-00 до 12-00.

<center><marquee direction=”center” bgcolor=”aqua” width=”100%”style=”color: #D9470D; font-size: 20px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;”>«Приморско-Ахтарский молочный завод» приглашает на дегустацию молочной продукции в молочный павильон центрального рынка по четвергам и субботам с 9-00 до 12-00. </marquee></center>

---

бегущая строка
<marquee height=”50″ direction=”up”>бегущая строка</marquee>

---

бегущая строка
<marquee height=”50″ direction=”down”>бегущая строка</marquee>

---

ваш текст здесь
<marquee bgcolor=”silver”>ваш текст здесь</marquee>

---

ваш текст здесь
<marquee direction=”right” bgcolor=”#color” width=”300″>ваш текст здесь</marquee>

---

ваш текст здесь
<marquee width=”100″>ваш текст здесь</marquee>

---

ваш text
<marquee width=”100″ style=”border:2px dotted deeppink ;”>ваш text</marquee>

---

ваш text
<marquee direction=”left” bgcolor=”silver” width=”300″>ваш text </marquee>

---

ваш текст здесьваш текст здесьваш текст здесьваш текст здесь

<marquee bgcolor=”pink” width=”25%”>ваш текст здесь</marquee><marquee bgcolor=”aqua” width=”25%” direction=”right”>ваш текст здесь</marquee><marquee bgcolor=”silver” width=”25%”>ваш текст здесь</marquee><marquee bgcolor=”aqua” width=”25%” direction=”right”>ваш текст здесь</marquee>

---

Останавливаем строку наведением курсора мыши

<marquee onmouseover=this.stop() onmouseout=this.start() >TEXT</marquee>

---

<marquee><img src=”АДРЕС КАРТИНКИ В СЕТИ”></marquee>

---

<marquee height=”150″ direction=”up”><img src=”АДРЕС КАРТИНКИ В СЕТИ”></marquee>

---

<marquee behavior=”alternate” direction=”down” scrollamount=”10″><marquee behavior=”scroll” direction=”left” scrollamount=”10″><img src=”АДРЕС КАРТИНКИ В СЕТИ” /></marquee></marquee>

---

<marquee width=300 height=100 behavior=”alternate” style=”border:3px solid red ;”><img src=”АДРЕС КАРТИНКИ В СЕТИ”></marquee>

---

СИНИЙ text

<marquee direction=”up” scrollamount=”1″ height=”150″ style=”filter:wave(add=1, phase=10, freq=2, strength=300); colortag=”red”;><font color=”navy” size=+3>СИНИЙ text</font></marquee>

---

« П Л Я Ш Е М и П О Е М ! !»

<marquee align=”middle” behavior=”alternate” direction=”up” scrolldelay=20 scrollamount=2 height=”22″ width=”4%”>«</marquee><marquee align=”middle” behavior=”alternate” direction=”down” scrolldelay=15 scrollamount=2 height=”22″ width=”4%”> П </marquee><marquee align=”middle” behavior=”alternate” direction=”up” scrolldelay=20 scrollamount=2 height=”22″ width=”4%”> Л </marquee><marquee align=”middle” behavior=”alternate” direction=”down” scrolldelay=15 scrollamount=2 height=”22″ width=”4%”> Я </marquee><marquee align=”middle” behavior=”alternate” direction=”up” scrolldelay=20 scrollamount=2 height=”22″ width=”4%”> Ш </marquee><marquee align=”middle” behavior=”alternate” direction=”down” scrolldelay=15 scrollamount=2 height=”22″ width=”4%”> Е </marquee><marquee align=”middle” behavior=”alternate” direction=”up” scrolldelay=15 scrollamount=2 height=”22″ width=”4%”> М </marquee><marquee align=”middle” behavior=”alternate” direction=”down” scrolldelay=15 scrollamount=2 height=”22″ width=”4%”> и </marquee><marquee align=”middle” behavior=”alternate” direction=”up” scrolldelay=15 scrollamount=2 height=”22″ width=”4%”> П </marquee> <marquee align=”middle” behavior=”alternate” direction=”down” scrolldelay=15 scrollamount=2 height=”22″ width=”4%”> О </marquee><marquee align=”middle” behavior=”alternate” direction=”up” scrolldelay=15 scrollamount=2 height=”22″ width=”4%”> Е </marquee> <marquee align=”middle” behavior=”alternate” direction=”down” scrolldelay=15 scrollamount=2 height=”22″ width=”4%”> М </marquee><marquee align=”middle” behavior=”alternate” direction=”up” scrolldelay=20 scrollamount=2 height=”22″ width=”4%”> ! </marquee><marquee align=”middle” behavior=”alternate” direction=”down” scrolldelay=15 scrollamount=2 height=”22″ width=”4%”> !</marquee><marquee align=”middle” behavior=”alternate” direction=”up” scrolldelay=20 scrollamount=2 height=”22″ width=”4%”> »</marquee>

---

Можно типа информера прикрутить:
На Азовском побережье есть небольшой оазис зелени и тишины — это город Приморско-Ахтарск.
И совсем не случайно многие стремятся провести здесь свои летние или весенне-осенние отпуска.
Приморско-Ахтарск — это город необычного уклада жизни, какой трудно сыскать на Азовско-Черноморском побережье.

<marquee style=”background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;” scrollamount=1 scrolldelay=60 direction=up width=250 height=60>ТЕКСТ</marquee>

---

С

Д
Н
Е
М

Р
О
Ж
Д
Е
Н
И
Я
!

<marquee direction=up scrolldelay=1 scrollamount=1 style=”text-align:justify;filter:wave(add=5, phase=10, freq=5, strength=100);”><center><font color=blue size=3><br>С<br><br>Д<br>Н<br>Е<br>М<br><br>Р<br>О<br>Ж<br>Д<br>Е<br>Н<br>И<br>Я<br>!</font></marquee>

---

28,077 просмотров всего, 1 просмотров сегодня