Как сделать бегущую строку на html
января 27, 2012
При изучении всевозможных языков программирования, и последующим воплощении полученных знаний на своих сайтах, начинающие вебмастера с большей охотой отдают предпочтения различным двигающим и прыгающим эффектам. Каждому новичку хочется как можно скорее повесить на свой сайт какую-нибудь прыгающую картинку или баннер.
Как известно, анимированные картинки делаются с помощью различных графических редакторов. Для того чтобы заставить двигаться картинку, в некоторых программах по сути дела даже и не требуется иметь знаний в области программирования. Пару щелчков мыши – и программа сама сделает всё за Вас.
А вот чтобы заставить двигаться текст средствами обычного html-кода, надо по крайней мере иметь хотя бы общее понятие об этом языке веб-программирования.
На самом деле, чтобы сделать бегущую строку на html, от Вас потребуется минимум знаний и телодвижений 
.
Существует в html такой тэг, как: <marquee>, который и заставляет текст двигаться в ту или иную сторону и с определённой скоростью.
Сам код данной бегущей строки:
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 – высота в пикселях.
Вот собственно и всё, теперь текст ожил, и начал двигаться .