Мобильный LiveInternet Работа с текстом в HTML. Бегущая строка | elenaslava

Авторизация

Дневник elenaslava Лента друзей - Дневник - Полная версия

Работа с текстом в HTML. Бегущая строка 05-02-2021 10:20 к комментариям - к полной версии - понравилось!

Это цитата сообщения Дневник_моей_Сары Оригинальное сообщение

Работа с текстом в 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.
В итоге мы получим такую формулу:

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

ПРИМЕР

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Работа с текстом в HTML. Бегущая строка | elenaslava - Дневник копилочка Еленаславы. | Лента друзей elenaslava / Полная версия Добавить в друзья Страницы: раньше»