Бегущая строка на чистом html

02.11.2019 0 Автор Jeff

Не смотря на то что бегущая строка уходит в прошлое и сейчас, во времена html5 и flash баннеров смотрится жалко и не престижно, клиенты иногда просят именно бегущую строку. В первый раз я долго искал в интернете как сделать её на javascript, на всех форумах и сайтах писали свои велосипеды, большинство из которых либо не работало, либо были уж очень кривыми.

К моему счастью мне подвернулся мануал как сделать бегущую строку на чистом html, причём очень легко и кроссбраузерно.

Сам тег называется <marquee> и имеет много атрибутов, почитать о них можно по ссылке. А здесь я приведу готовый пример, который можно скопипастить в свой сайт или проект:

<marquee  scrollamount="4" direction="left"
height="35" width="150" style="margin: 0 auto;">Это бегущая строка созданная на чистом html с помощью тега marquee
</marquee>
  •  scrollamount — это скорость движения бегущей строки, слишком много не надо, будет рябить в глазах и не успеешь прочитать, и слишком медленно тоже напрягает.
  • direction — направление движения бегущей строки, в данном случае налево.
  • height — высота
  • width — ширина
  • ну и выравнивание по центру

и сам пример в работе:
Это бегущая строка созданная на чистом html с помощью тега marquee