Ваш браузер устарел. Рекомендуем обновить его до последней версии.

Бегущая строка на сайте (пример №2)

Опубликовано 08.01.2017
Бегущая строка с шириной, высотой, фоном, направлением и скоростью

2 пример.

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

Пример,

<marquee width="550" height="55" bgcolor="#f2f2f2" direction="up"scrollAmount="2">
Бегущая строка с шириной, высотой, фоном, направлением и скоростью
</marquee>
  • width – это ширина. Сейчас она фиксированная и составляет 550 пикселей. Если не прописывать этот параметр, то бегущая строка будет занимать всю возможную ширину, например если вставлять ее в статью, то она будет занимать ровно столько же, сколько и отведено для основного контента.
  • height – высота в пикселях. В данном случае 55.
  • bgcolor – фоновый цвет.
  • direction – направление движения. Возможные варианты: up – снизу вверх, down – сверху вниз, right – слева направо, left – справа налево (по-умолчанию).
  • scrollAmount – скорость бегущей строки. Чем больше цифра, тем больше скорость.

Так же стоить отметить еще один параметр, который может быть полезен:

  • behavior – задает тип движения. Возможные варианты: alternate – перемещение между левой и правой границами, slide – строчка перемещается так, как это задано атрибутом direction, однако дойдя до края останавливается.