Скрипт бегущей строки. Оформление Интернет проекта

Скрипт бегущей строки это универсальное средство для вывода информации нестандартным путём. Предлагаемый исходный код для реализации «бегущей строки», является самым простым и практичным способом для показа любой информации, не только текста, но и к примеру нескольких изображений. Данный код имеет несколько параметров при помощи которых можно настроить не только вид но и содержание.

А теперь об этом поподробнее:

Ниже Вы сможете скопировать исходный код html «Бегущей строки»

 


<center>
<marquee behavior=»scroll» bgcolor=»aqua» direction=»left» height=»22″ loop=»infinite» width=»500″>
Пример бегущей строки.
</marquee></center>


Пример работы:

Пример бегущей строки.

Значение параметров скрипта:

Бегущая строка создаётся с помощью контейнера тэгов 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″
    Также к данному коду можно добавить нижеприведённые значения, чтобы при наведении курсора мышки движение останавливалось:


    onMouseOver=»this.scrollAmount=0″
    onMouseOut=»this.scrollAmount=3″


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

  поделитесь с друзьями:
Подписаться на почтовую рассылку
Комментарии
  1. Кристина
    • admin

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

Авторизоваться через: 

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

Нажимая кнопку "Отправить", я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности

Сообщите об ошибке, мы исправим:

Отправить