Site icon pcask.ru

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

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

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

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

<marquee  scrollamount="4" direction="left"
height="35" width="150" style="margin: 0 auto;">Это бегущая строка созданная на чистом html с помощью тега marquee
</marquee>

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

Exit mobile version