Бегущая строка на страницах сайта

• Если появилась необходимость на маленьком участке страницы сайта большого объёма информации, такой как новости сайта, баннеры, ссылки и прочее, то Вам в этом случае может пригодиться бегущая строка. По конфигурации они могут быть разными. Всё будет зависеть от того где и что Вы хотите вставить в бегущую строку. Теги бегущей строки это marquee /marquee не забудьте их заключать по отдельности в такие скобки < >, всё что будет заключено меду этими тегами, будет двигаться по строке. Движения можно сделать разными: слева на прав, справа на лева, сверху вниз, снизу вверх, возвратно-поступательные движения и т.д. Рассмотрим самую простую бегущую строку. Для этого заключим какой-то текст межу выше написанными тегами:
  
  
  
  Простой пример бегущей строки
  
  
  Как видим, строка движется по всей ширине страницы. Иногда возникает необходимость, чтобы строка двигалась в ограниченном пространстве. Для этого нужно создать блок, внеся в теги некоторые атрибуты. Для начала давайте рассмотрим все атрибуты, которые могут пригодиться при создании бегущей строки.
  
  

  Атрибуты тега MARQUEE.

  
  
  direction=" " - атрибут устанавливающий направление скроллинга:
  Значения:
  left - движение справа налево (по умолчанию)
  right - движение слева направо
  up - движение снизу верх
  down - движение сверху вниз
  width=" " - устанавливает ширину блока для строки
  height=" " - устанавливает высоту блока
  hspace=" " - отступа в пикселях от вертикальных границ блока
  vspace=" " - отступ в пикселях от горизонтальных границ блока
  loop=" " - определяет количество циклов перемещения
  "-1" или "infinite" - безконечное перемещение наполнения в блоке
  "N" - целое число, задающее количество показов в блоке
  behavior=" " - атрибут устанавливающий тип скроллинга:
  Значения:
  scroll - скроллинг в одном из заданных направлений (по умолчанию)
  slide - одноразовый скроллинг с остановом контента
  alternate - возвратно-поступательный скроллинг
  bgcolor=" " - атрибут устаналивающий параметр цвета фона скроллинга
  style=" " - атрибут указывает стиль форматирования блока и контента
  class=" " - атрибут внедрение стиля форматирования блока и контента
  bgcolor=" " - атрибут устаналивающий параметр цвета фона скроллинга




• Атрибут scrollAmount - устанавливает скорость движения строки.
  
  Теперь сделаем бегущую строку в небольшом окошке, а для наглядности я окрашу это окошко в какой-нибудь цвет. Для создания бегущей строки в окошке нужно к тегам приставить атрибуты Widht и Height.


Строка в окошке


• Для того чтобы строка двигалась с лева на право, необходимо добавить атрибут right
  
  движение слева направо
  
  При добавлении атрибута alternate, движение строки будет от края до края
  
  постоянное движение
  
  Теперь с помощью атрибута scrollamount изменим скорость движения строки. Принцип такой - чем меньше цифра, тем медленнее движется строка
  
  Замедляем движение