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

Приветствую Гость , сегодня я , Вам расскажу как сделать бегущую строку на html.

Не будем вдаваться в подробности , я покажу лишь примеры использования, ну а дальше решайте сами где они Вам понадобятся.
Тег <marquee> создает бегущую строку на странице. В содержимом контейнера <marquee>можно прокручивать любые элементы веб-страницы — изображения, текст, таблицы, элементы форм . Перемещение можно задать и вертикали, в этом случае указываются размеры области с помощью height , в которой будет происходить движение.

<code><marquee>текст, форма, изображение, ссылка </marquee>

Атрибуты

  1. behavior Задает тип движения содержимого контейнера <marquee>.
  2. bgcolor Цвет фона.
  3. direction Указывает направление движения содержимого контейнера <marquee>.
  4. height Высота области прокрутки.
  5. hspace Горизонтальные поля вокруг контента.
  6. loop Задает, сколько раз будет прокручиваться содержимое.
  7. scrollamount Скорость движения контента. от 1 до 1000
  8. scrolldelay Величина задержки в миллисекундах между движениями.
  9. truespeed Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay.
  10. vspace Вертикальные поля вокруг содержимого.
  11. width Ширина области прокрутки.

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

<code><marquee>текст, форма, изображение, ссылка </marquee>

Скорость бегущей строки

<code><marquee scrollamount="3">Текст</marquee>

Бегущая строка с лева на права

<code><marquee direction="right">Текст</marquee>

Текст бьётся о стенки экрана

<code><marquee behavior="alternate">Текст</marquee>

Бегущий текст снизу вверх

<code><marquee height="50" direction="up">Текст</marquee>

Бегущий текст останавливающийся при наведении курсора

<code><marquee onmouseover=this.stop() onmouseout=this.start()>Текст</marquee>

Примеры очень простые, просмотреть тот или иной пример бегущей строки на html в действии можно на популярных ресурсах jsfiddle или codepen или добавив в исходный код вашей страницы.
15:36
90
RSS
Нет комментариев. Ваш будет первым!
Загрузка...