htmlПри изучении всевозможных языков программирования, и последующим воплощении полученных знаний на своих сайтах, начинающие вебмастера с большей охотой отдают предпочтения различным двигающим и прыгающим эффектам. Каждому новичку хочется как можно скорее повесить на свой сайт какую-нибудь прыгающую картинку или баннер.
Как известно, анимированные картинки делаются с помощью различных графических редакторов. Для того чтобы заставить двигаться картинку,  в некоторых программах по сути дела даже и не требуется иметь знаний в области программирования. Пару щелчков мыши – и программа сама сделает всё за Вас.

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

На самом деле, чтобы сделать бегущую строку на html, от Вас потребуется минимум знаний и телодвижений Улыбка.
Существует в html такой тэг, как: <marquee>, который и заставляет текст двигаться в ту или иную сторону и с определённой скоростью.

Ура! Я заставил это текст двигаться с помощью html!

Сам код данной бегущей строки:

1
2
3
<marquee width="470" height="17" direction="left" scrollamount="2" bgcolor="#F9F9F9" 
style="color:#000000; border:1px solid #dddddd">
Ура! Я заставил это текст двигаться с помощью html!</marquee>

Теперь об атрибутах, которые можно использовать с тэгом <marquee> при создании бегущей строки:

behavior – движение строки (slide — бежит до края и останавливается, alternate — достигнув конца области, возвращается назад)

direction – указывает направление движения (left (влево), right (вправо), up (вверх), down (вниз))

scrollamount — скорость движения текста (от 1 до 10)

loop — сколько раз должна пробежаться строка

bgcolorцвет фона

width — ширина в пикселях

height — высота в пикселях.

Вот собственно и всё, теперь текст ожил, и начал двигаться Улыбка.

Буду очень признателен если добавите эту страницу в свою социалку: