РАБОТА С ТЕКСТОМ В HTML. БЕГУЩАЯ СТРОКА

Воскресенье, 24 Января 2021 г. 17:56 + в цитатник

Цитата сообщения Дневник_моей_Сары

Прочитать целиком В свой цитатник или сообщество!

Работа с текстом в HTML. Бегущая строка

Создание текста с "бегущей" строкой

ОСНОВНАЯ ФОРМУЛА

<marquee>Ваш текст</marquee>

1.Текст перемещается снизу - ВВЕРХ

<marquee style="HEIGHT: 50px" direction="up">Ваш текст</marquee>
ПРИМЕР

Сколько вкусных сладких ягод
На поляночке в лесу!

2.Текст перемещается сверху - ВНИЗ

<marquee style="HEIGHT: 50px" direction="down">Ваш текст</marquee>
ПРИМЕР

Вот наемся я и на год
Витаминов запасу!

3. Текст перемещается слева - НАПРАВО

<marquee style="WIDTH: 200px" direction="right">Ваш текст</marquee>
ПРИМЕР Сколько солнца! Сколько света!

4. Текст перемещается справа - НАЛЕВО

<marquee style="WIDTH: 200px" direction="left">Ваш текст</marquee>
ПРИМЕР Сколько зелени кругом!

5.Движение текста ВЛЕВО-ВПРАВО

<marquee style="WIDTH: 200px" behavior="alternate">Ваш текст</marquee>
ПРИМЕР Что же это? Это ЛЕТО
Наконец спешит к нам в дом.

ПЕРЕМЕННЫЕ ВЕЛИЧИНЫ
HEIGHT - высота "окошка", в котором двигается текст;
WIDTH - расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега "marquee"?
Это можно отрегулировать, если в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
В итоге мы получим такую формулу:

Волшебный тег заставляет двигаться не только текст, но всё, к чему он относится.
Для картинки от будет выглядеть так:

ПРИМЕР