Лого www.SiteHere.ru

Бегущие строки

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

В этой статье мы рассмотрим как создать бегущую строку на HTML. Хоть она используется достаточно редко, но вдруг кому-нибудь пригодится. Она может быть использована для показа рекламного текста на сайте или для других целей.


  • behavior — определяет тип бега и имеет значения:
    1. slide — прокручивает текст c остановкой.
    2. lternate — движения от края к краю.
    3. scroll — текст выходит за рамки экрана и снова появляться с противоположной его стороны.
  • direction — направление движения текста, имеет значения значения:
    1. down — вниз.
    2. up — вверх.
    3. right — вправо.
    4. left — влево.
  • scrollamount — скорость бегущей строки, принимает значения от 1 до 10.
  • loop — отвечает за количество прокруток бегущей строки.
  • bgcolor — цвет фона бегущей строки.
  • height— высота строки.
  • width — ширина строки.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
  <head>
    <title>Бегущая строка</title>
  </head>
  <body>
    <h2>Куча бегающих строк</h2>
    <marquee>Стандартная бегущая строка</marquee>
    <marquee hspace="500">Бегущая строка с отступами от границ</marquee>
    <marquee behavior="alternate">От края к краю</marquee>
    <marquee direction="right">Бегущая строка слева направо</marquee>
    <marquee scrollamount="10">Бегущая строка со скоростью 10</marquee>
    <marquee behavior="alternate">От края к краю</marquee>
    <marquee bgcolor="#0000ff">Бегущая строка с фоном</marquee>
    <marquee direction="right" loop="2">Прокрутится два раза</marquee>
    <marquee behavior="slide">Бегущая строка с остановкой
    <marquee width=200>С ограничением ширины прокрутки</marquee>
    <marquee direction="up">Бегущая строка снизу вверх</marquee>
  </body>
</html>

простая бегущая строка


!!!Этот тег не входит в спецификацию HTML и его наличие приведет к невалидному коду.

Вывод

С бегущей строкой можно вытворять то же самое, что и с обычным текстом…Экспериментируйте, создавая разные сочетания атрибутов. А я расскажу вам еще об одном, может и не столь интересном, но все же очень полезном элементе: комментирование собственного кода.

Успехов!

Автор: Новик Слава

Бегущие строки 5.00/5 (100.00%) 3 голос(ов)

Понравилась статья - расскажи друзьям! :)

1 комментарий к записи
  • Максим

    Почему то цвет фона бегущей строки не получается изменить.А как поменять цвет самой надписи бегущей строки? Когда прописываю код , слова bgcolor и width выделяются красным цветом.

     

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *