При изучении всевозможных языков программирования, и последующим воплощении полученных знаний на своих сайтах, начинающие вебмастера с большей охотой отдают предпочтения различным двигающим и прыгающим эффектам. Каждому новичку хочется как можно скорее повесить на свой сайт какую-нибудь прыгающую картинку или баннер.
Как известно, анимированные картинки делаются с помощью различных графических редакторов. Для того чтобы заставить двигаться картинку, в некоторых программах по сути дела даже и не требуется иметь знаний в области программирования. Пару щелчков мыши – и программа сама сделает всё за Вас.
А вот чтобы заставить двигаться текст средствами обычного 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 — высота в пикселях.
Вот собственно и всё, теперь текст ожил, и начал двигаться .
Спасибо! Случайно встретил ваш блог,и сразу очень признателен!,спасибо,ибо,даже один толковый совет и помощь начинающему- дорогого стоит!!!А я уже заметил много всего!
Спасибо, толком кроме этого ничего не нашел). (Создаю сайт для кинофильмов)
Как сделать бегущую строку в комментах, например в ЖЖ.
В блоге она работает, в комментах — нет
@ Сергей:
С редактором ЖЖ, лично я не знаком, так как не пользуюсь этим блогом.
А как сделать так чтобы alternate задавал движение не от края до края экрана, а сверху вниз с ограничением по высоте?
Хочу поделиться, так как сам долго догонял. Вот такое сочетание поможет тем, кто хочет чтобы картинка или текст двигались не по горизонтали, а по вертикали.