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

Бегущая строка. HTML — коды бегущей строки
[ Скачать с сервера (0.7Kb) ]
Бегущая строка

Бегущая строка формируется с помощью открывающего тега <marquee> и закрывающего </marquee> (закрывающий тег обязателен).

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

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

bgcolor=″…″ — определяет цвет фона бегущей строки.

behavior=″…″ задает тип движения (поведение) бегущей строки и имеет следующие значения

scroll — циклическая прокрутка текста из одного конца в другой

slide — текст появляется с одного края и останавливается у другого.

alternate — текст перемещается от одного края к другому и обратно.

direction=″…″- определяет направление движения бегущей строки. Имеет следующие значения:

left — текст движется влево по строке

right — текст движется вправо по строке

up — вся строка перемещается снизу вверх

down — строка движется сверху вниз

scrollamount=″…″ — шаг перемещения в строке в пикселах, на который перемещается текст за заданный интервал времени. Например

scrollamount= ″1″

scrollamount= ″2″

scrollamount= ″3″

scrolldelay=″…″ — Этот атрибут задаёт временной интервал между шагами бегущей строки в миллисекундах. Например

scrolldelay=″100″

scrolldelay=″200″

scrolldelay=″300″

loop=″…″ — задаёт число проходов текста бегущей строки. По умолчанию или при указании значения -1 (infinite) броузер будет прокручивать текст бесконечное число раз.

hspace=″…″ — Этот атрибут задает поле в пикселах справа и слева от бегущей строки.

hspace=″10″

hspace=″0″

vspace=″…″ — Этот атрибут задает отступ в пикселах выше и ниже бегущей строки.

hspace=″0″

hspace=″10″

<center> Выставить по центру ставится в начале кода и </center> закрывающий тег в конце кода.

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

<marquee>Сюда вставьте свой текст</marquee>

Сюда вставьте свой текст

<marquee
scrollamount=»1″>
Ваш текст</marquee>

Ваш текст

<marquee
scrollamount=»3″>
Ваш текст</marquee>

Ваш текст

<marquee
scrollamount=»30″>
СПАСИБО за подписку!</marquee>

СПАСИБО за подписку!

<marquee
direction=»right»>your running text</marquee>

your running text

<marquee
direction=»right»>your running text</marquee>

your running text

<marquee
behavior=»alternate»>your message here</marquee>

your message here

<marquee
height=»50″ direction=»up»>your running
text</marquee>

your running text

<marquee
bgcolor=»silver»>your running text</marquee>

your running text

<marquee
direction=»right» bgcolor=»#color»
width=»300″>your running text</marquee>

your running text

<marquee
width=»100″>your running text</marquee>

your running text

<marquee
width=»100″ style=»border:2px dotted deeppink ;»>your
running text</marquee>

your running text

<marquee
direction=»left» bgcolor=»silver»
width=»300″>your text here</marquee>

your text here

<marquee
bgcolor=»aqua» width=»25%»
direction=»right»>your exciting message here</marquee>

your exciting message here

<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>Спасибо что зашли на сайт!</font></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>

ВАШ ТЕКСТ коментарии статьи

Комментирование запрещено