2010-08-23

Бегущая строка HTML

       Код бегущей строки:
<marquee>текст бегущей строки</marquee>
текст бегущей строки
Чтобы изменить фон бегущей строки, необходимо поменять значение"bgcolor":
<marquee bgcolor="yellow">текст бегущей строки</marquee>
бегущая строка на желтом фоне
.. Чтобы заставить двигаться изображение, нужно поместить его код между тегами <marquee> и </marquee>:  <marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>
Получим:
Ой, лошадь идет не в ту сторону. Исправить это можно, добавив тег direction="right". Получим формулу:
<marquee direction="right"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

Изменить скорость ее движения можно при помощи параметра scrollamount. Чем большее значение он принимает, тем скорость выше:
<marquee scrollamount="30">бегущий текст или код картинки</marquee>

Текст или картинку можно заставить двигаться вверх (up) или вниз (down) при помщщи параметра direction и указав высоте (height) движения:
<marquee height="150" direction="up">текст или картинка</marquee>
текст или картинка
Если у Вас нет желания разбираться с кодами, то можете сгенерировать их при помощи флешки:

P.S. Пост будет дополняться!

36 комментариев :

Анонимный комментирует...

Спасибо за полезную информацию! Также интересно узнать как сделать центробежную картинку.

NATALKA комментирует...

Думаю, что я ответила на Ваш вопрос новым сообщением Расшифровка кодов бегущей строки

Анонимный комментирует...

Огромное сердечное спасибо Вам Наташенька! Взяла себе на заметку, давно этим интересовалась!

NATALKA комментирует...

Пользуйтесь. Если что будет непонятно, то задавайте вопросы. Буду рада, если смогу вам помочь.

dangina комментирует...

Спасибочки, обязательно воспользуюсь.

NATALKA комментирует...

Попробуйте, хорошо, что блогспот поддерживает коды бегущей строки. Например, на блогах mail.ru создать бегущую строку невозможно.

Алена комментирует...

Спасибо огромное..отличный пост...

Анонимный комментирует...

а как сделать бегущую строку в бегущей строке?

Mycrib комментирует...

Я не совсем поняла, что вы имели в виду. Посмотрите здесь, может найдете ответ на свой вопрос. Если нет - то напишите подробнее.

Людмила комментирует...

Эти коды в блоге не работают

Mycrib комментирует...

Людмила, у меня же работают ;)
Если у вас блог на mail.ru, то здесь бегущую строку сделать при помощи тега marquee не получится. В этом случае вы можете воспользоваться генераторами бегущей строки наподобии этого http://giiif.ru/btp/

Асиля комментирует...

А что если прокручивать таким образом баннеры рекламодателей

Mycrib комментирует...

Если они на это согласятся. А вообще некоторые прокручивают таким образом кнопки соц. сетей, рейтинги, кнопки на каталоги, баннеры друзей и пр. Я делала для своего блога с помощью бегущей строки баннер, который быстро разошелся по блогам.

Любовь Казакова комментирует...

Спасибо большое!

Ирина комментирует...

Здравствуйте, а я не вижу текст бегущей строки
когда при создании нового сообщения нажимаю HTML. У меня совсем другие коды :(
И еще назрел вопрос, а как эту строку бегущую разместить на боковой панели?
Спасибо

Mycrib комментирует...

Ирина, у вас никак не может быть других кодов. Тем более, что ваш блог на blogspot. Тут уж никаких расхождений не может быть.
Будьте внимательнее, когда копируете и редактируете код бегущей строки. Вставлять коды нужно только при активной вкладке HTML

Arina комментирует...

Здравствуйте, Наталья! Спасибо за Бегущую строку. А как поменять цвет и размер шрифта текста? Спасибо!

Mycrib комментирует...

Арина, изменить размер и цвет текста в бегущей строке можно. например вот так <marquee><font color="#FF0000" size="+3">текст бегущей строки</font></marquee>

Подробнее читайте здесь

Arina комментирует...

Спасибо за помощь! Всё понятно!

Лидия Васильевна комментирует...

Спасибо огромное за бегущую строку! А как можно вернуть скорость движения стоки? До изменения цвета и размера текста строка бежала быстрее.

Анонимный комментирует...

5 балов всё чотко и понятно..!))

ычы комментирует...

< size="+3">ничего не получается ((

Mycrib комментирует...

ычы, смотря где вы этот тег использовали.

Надежда Самойлова комментирует...

Супер!!! Теперь у меня по блогу такой медведь прикольный ходит!!!

Mycrib комментирует...

Надежда, мне понравился ваш медвежонок ;)

Надежда Самойлова комментирует...

Спасибо Вам большое. Я только учусь, а Ваш Блог так здОрово помогает!!!

Артём Макаров комментирует...

Ваш текст. ( Или код картинки)

Mycrib комментирует...

Вместо этих слов вставляйте любой текст или картинки

ccccccc комментирует...

А я тут у вас статью украл . Меня сильно бить не будут ?
http://www.otomioseem-pro-blogi.ru/2014/07/begushhaya-stroka.html

Иванова Наталья комментирует...

ccccccc, а вы еще сомневаетесь? ;)

P.S. Хорошая статья у вас получилась

ccccccc комментирует...

А вообще спасибо за информацию . У вас очень интересный блог . Есть что прихватизировать интересного

Иванова Наталья комментирует...

ccccccc, пользуйтесь. Всё для читателей )

Максим комментирует...

C лошадью забавно получилось :) Но вот использовать такой вариант для текста не будет правильно. Уж очень сложно глазам цепляться за символы при прочтении. Я даже читал одну статью, что Яндекс данный тэг не считает валидным и не индексирует его. Хотя кэш Яндекса показывает обратное.

Артём Опанасенко комментирует...

Подскажите как сделать, чтобы одна натпись заменяла другую, тобиш как первый текст ушёл за экран то появился другой. И так в круговую

Иванова Наталья комментирует...

Артем, это воможно только через javaScript.

Александр комментирует...

Спасибо за полезную статью! Мне как новичку в создании сайтов очень интересно узнавать что то новое))

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности