В этом разделе нашего сайта мы хотели бы Вас ознакомить ещё с одним дополнительным атрибутом для улучшения дизайна Вашего сайта. Этим атрибутом и является такое понятие, как бегущая строка.
Бегущая строка используется в основном для различных рекламных целей (реклама различных услуг, новых товаров или акций).

Основы по созданию бегущей строки для сайта просты.

  • бегущая строка задаётся тегом <marquee></marquee>
Придумаем текст и вставим его между тегами <marquee></marquee>.



<marquee>Мы создаем сайты для всей России</marquee>

Пример, как это будет выглядеть:

Мы создаем сайты для всей России




Для тега бегущей строки
<marquee> можно также задать и другие значения:
  • высота бегущей строки - height
  • ширина бегущей строки - width
  • цвет фона бегущей строки - bgcolor
  • количество прокрутки строки - loop
Давайте попробуем прописать все эти элементы для нашей строки на следующем примере:



<marquee height="20" width="80%" bgcolor="#027fc3" loop="4"><span style="color: #ffffff;">Мы создаем сайты для всей России</marquee>

Пример, как это будет выглядеть:

Мы создаем сайты для всей России



Также с помощью дополнительных тегов Вы можете управлять движением бегущей строки:

  • scrollamount - скорость движения строки (может принимать значение от 1 до 10)
  • direction - задает направление движения бегущей строки ("left" - влево, "right" - вправо, "up" - вверх, "down" - вниз)
  • behavior - режим прокрутки ("scroll" - обычная прокрутка, "slide" - прокрутка с остановкой, "аlternate" - движение от края к краю)
  • scrolldelay - указывает величину временного интервала задержки, выраженного в миллисекундах, между отдельными тактами движения строки
Давайте зададим движение для нашей строки:



<marquee height="20" width="80%" bgcolor="#027fc3" loop="4" direction="right" behavior="slide" scrollamount="3"><span style="color: #ffffff;">Мы создаем сайты для всей России</marquee>

Пример, как это будет выглядеть:

Мы создаем сайты для всей России



С помощью следующих манипуляций и стилей GSS можно из бегущей строки сделать мигающую строку.

<table align="centr" cellpadding="10" width="150">
<tbody>
<tr>
<td><marquee scrollamount="120" scrolldelay="500"><span style="color: #000000;"><span style="font-size: 10pt;"><span style="font-family: verdana,geneva;">Мы создаем<br />сайты<br />для всей России</span></span></span></marquee></td>
</tr>
</tbody>
</table>


Посмотрите, как это будет выглядеть:

Мы создаем
сайты
для всей России



Прочитав этот раздел нашего сайта, Вы получили тот минимум знаний, которого Вам вполне позволит создать самостоятельно бегущую строку на своем сайте.