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

http://htmlka.com/begushhaya-stroka/


Тег marquee, задающий бегущую строку, придуман когда-то для Internet Exlorer и другие для ЖЖ: «HTML-тэг marquee теперь вырезается из текста комментария при отображении (т.е. сам текст будет отображаться, но он не будет анимирован или скрыт).»

http://masscode.ru/index.php/k2/item/44-limarquee

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

Но в отличии от тега «marquee», liMarquee имеет ряд преимуществ таких как:

1. Перемещение можно задать не только по горизонтали, но и вертикали (в любом направлении).
2. Бегущая строка liMarquee останавливается при наведении курсора мыши.
3. Бегущую строку можно двигать мышью и перемещать на удобную для чтения или просмотра позицию
4. Возможна подгрузка текста из XML файла. 

5. Возможно динамическое изменение скорости и мн.др.


http://l2w.narod.ru/TextBook/RunningString.html

Создание и вставка бегущей строки в HTML документе.

Бегущая строка в тексте документа является одним из легких способов оживить Web-страницу. Бегущие объекты всегда привлекают внимание, и пользователь обязательно прочтет что там написано. Так же бегущую строку можно применять, там где мало места. Но не следует злоупотреблять экономией места. Помните, что посетитель может просто не дождаться, когда в бегущей строке отобразится весь текст сообщения.
Бегущая строка создаётся с помощью контейнера тэгов <marquee>...</marquee> со следующими атрибутами:

• width="..." - ширина бегущей строки в пикселях или процентах от ширины экрана.
• height="..." - высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).
• bgcolor="..." - определяет цвет фона бегущей строки.
• behavior="..." задает тип движения (поведение) бегущей строки и имеет следующие значения:
  • scroll - циклическая прокрутка текста из одного конца в другой Бегущая строка
  • slide - текст появляется с одного края и останавливается у другого. Бегущая строка
  • alternate - текст перемещается от одного края к другому и обратно. Бегущая строка
• direction="..." - определяет направление движения бегущей строки. Имеет следующие значения:
  • left - текст движется влево по строке Бегущая строка
  • right - текст движется вправо по строке Бегущая строка
  • up - вся строка перемещается снизу вверх Бегущая строка
  • down - строка движется сверху вниз Бегущая строка
• scrollamount="..." - шаг перемещения в строке в пикселах, на который перемещается текст за заданный интервал времени. Например:
  Бегущая строка  - scrollamount="1"
  Бегущая строка  - scrollamount="2"
  Бегущая строка  - scrollamount="2"
• scrolldelay="..." - Этот атрибут задаёт временной интервал между шагами бегущей строки в миллисекундах. Например:
  Бегущая строка  - scrolldelay="100"
  Бегущая строка  - scrolldelay="200"
  Бегущая строка  - scrolldelay="300"
• loop="..." - задаёт число проходов текста бегущей строки. По умолчанию или при указании значения -1 (infinite) броузер будет прокручивать текст бесконечное число раз.
• hspace="..." - Этот атрибут задает поле в пикселах справа и слева от бегущей строки.
  Бегущая строка  - hspace="10"
  Бегущая строка  - hspace="0"
• vspace="..." - Этот атрибут задает отступ в пикселах выше и ниже бегущей строки.
  Бегущая строка  - hspace="0"
  Бегущая строка  - hspace="10"

Ниже приведен пример кода для бегущей строки размеро 50 пикселей в высоту и 250 пикселей в ширину. Определена бесконечная прокрутка текста, текст перемещается слева направо и имеет ярко-голубом фоне.

<marquee loop="infinite" behavior="altemate" 
        bgcolor="aqua" direction="right" height="50" width="250">
Пример бегущей строки. 
</marquee>

А так выглядит результат этого кода:
Пример бегущей строки.

Программирование бегущих строк

Инструкция к программе HD-2013
Ledshow-TW 2012