Вы здесь:   Главная » Вебмастеру    »    Скрипт бегущей строки. Оформление Интернет проекта

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

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

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

Ниже Вы сможете скопировать исходный код 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″


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

поделиться с друзьями:

обновлено: 9.06.2016

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

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

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

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

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

Ознакомиться с пользовательским соглашением

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: