Показаны сообщения с ярлыком бегущая строка. Показать все сообщения
Показаны сообщения с ярлыком бегущая строка. Показать все сообщения

пятница, 31 августа 2012 г.

Как сделать бегущую строку

Как сделать бегущую строку
Ударим автопробегом по бездорожью!
Как выяснилось, многие не знают, как сделать бегущую строку на страничке или сайте. А ведь бегущая строка здорово привлекает внимание посетителя! Восполним этот пробел.

Вот код моей бегущей строки, которую Вы видите в самом верху:
<marquee scrollamount="2" scrolldelay="10"
truespeed="truespeed" width="100%">
<span style="color: red; font-size: 18pt;
"Ударим автопробегом по бездорожью!</span>
</marquee>

Дам небольшую справку по тегу <marquee>

Описание


Тег <marquee> создает бегущую строку на странице. На самом деле содержимое
контейнера <marquee> не ограничивается строками и позволяет перемещать
(скролировать) любые элементы веб-страницы — изображения, текст, таблицы, элементы форм и т.д. Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение.

В качестве иллюстрации покажу, как в качестве бегущей строки можно использовать рамку с моим кодом.
<marquee scrollamount="2" scrolldelay="10"
truespeed="truespeed" width="100%">
<span style="color: red; font-size: 18pt;
"Ударим автопробегом по бездорожью!</span>
</marquee>

А вот я вставляю картинку:

Синтаксис


<marquee>...</marquee>

Атрибуты


behavior       - Задает тип движения содержимого контейнера <marquee>.
bgcolor         - Цвет фона.
direction       - Указывает направление движения содержимого контейнера <marquee>
height           - Высота области прокрутки.
hspace          - Горизонтальные поля вокруг контента.
loop               - Задает, сколько раз будет прокручиваться содержимое.
scrollamount - Скорость движения контента.
scrolldelay    - Величина задержки в миллисекундах между движениями.
truespeed     - Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay.
vspace          - Вертикальные поля вокруг содержимого.
width             - Ширина области прокрутки.

Замечание. Тег <marquee>  может не работать в некоторых браузерах.

Удачи!