Добро пожаловать в клуб! Зарегистрируйтесь.

Бегущая строка в html | Тег < marquee >

TaLLeR43

Администраторы
Бегущая строка- элемент в веб-дизайне для привлечения внимания, чаще используется в рекламных целях. Бегущая строка это просто напросто текст который движется, слева направо, справа налево или вверх вниз.

В бегущую строку можно вставить новость, объявление, приветствие, отобразить текущее время и дату и много много другой интересной информации.

Как сделать бегущую строку html на сайте.

Создать бегущую строку не составит большого труда и времени. Что бы заставить текст двигаться без фотошопа был разработан и создан тег html < marquee >, сначала специально для для браузера Internet Explorer, а затем и все остальные браузеры начали обрабатывать и поддерживать тег.

Что самое приятное и удивительное это очень маленький и коротенький тег, который приводит в движение не только текст, но и картинки. Чудеса да и только!

К примеру, что бы текст двигался справа налево нужно вставить код:
HTML:
<marquee>Тут вставляем текст бегущей строки</marquee>
Можно настроить бегущую строку добавив стили и атрибуты. По умолчанию бегущая строка движется только справа налево, чтобы изменить направление строки надо к тегу добавить атрибут direction со значением right:
HTML:
<marquee direction="right">Бегущая строка cлева направо</marquee>

Что бы текст не исчезал за границы и двигался туда-сюда нужно добавить атрибут behavior со значением alternate
HTML:
<marquee behavior="alternate">Бегущая строка перемещается между правым и левым краем</marquee>

А вот строка двигается туда сюда на цветном фоне:
HTML:
<marquee behavior="alternate" bgcolor="#e20b0b" direction="right" style="color: #ffffff; font-size: 20px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;"onmousedown="this.stop()" onmouseup="this.start()">Туда-сюда на цветном фоне</marquee>
 
Яндекс.Метрика
Сверху