Серия сообщений "РАБОТА С ТЕКСТОМ":
Часть 1 - РАБОТА С ТЕКСТОМ В HTML. БЕГУЩАЯ СТРОКА

Выбрана рубрика РАБОТА С ТЕКСТОМ.

Соседние рубрики: УРОКИ ПО СОЗДАНИЮ РАМОЧЕК(2), ПЛАГИНЫ ДЛЯ ФОТОШОП И COREL PSP(1), КОЛЛАЖИ В ФОТОШОПЕ И КОРЕЛ(2), КОЛЛАЖИ В ФОТОШОПЕ И КОРЕЛ(10), ГИМП(8), GIMP(1), COREL(13)

Другие рубрики в этом дневнике: ЦВЕТЫ(1), ХУДЕЕМ(0), ХУДЕЕМ(3), ФОТОШОП(174), ФОНЫ(6), ФЛЕШКИ(4), УРОКИ ДЛЯ БЛОГОВ(1), УРОКИ(39), Уроки (6), список онлайн редакторов(1), Создание красивых надписей логотипов(0), Создание красивых надписей логотипов(1), СЛАЙД ШОУ(1), СКРАП НАБОРЫ(2), Салаты(0), САЙТЫ(2), Сайтостроение(1), РЕЦЕПТЫ(0), РЕЦЕПТЫ(5), Рамки(35), РАЗДЕЛИТЕЛИ(1), ПРОГРАММЫ(27), ПОЛЕЗНОСТИ(2), ПОДСКАЗКИ ОТ ЛЮБАШКИ(0), ПОДСКАЗКИ ОТ ЛЮБАШКИ(0), ПОДСКАЗКИ ОТ ЛЮБАШКИ(2), ПЛЕЙКАСТЫ(8), ОФОРМЛЕНИЕ ДНЕВНИКА(8), Музыкальные открытки(1), МОИ РАБОТЫ В ФОТОШОП(1), МОИ РАБОТЫ(0), МОИ РАБОТЫ(0), МОИ РАБОТЫ(0), КОМПЬЮТЕРНАЯ ГРАМОТНОСТЬ(3), ИНТЕРЕСНОЕ(3), ЗДОРОВЬЕ(4), ЗАГОТОВКИ ДЛЯ ТВОРЧЕСТВА(1), Дизайн дневника(4), ВЯЗАНИЕ(337), Всё о ProShow Producer(8), ВСЕ ДЛЯ ФОТОШОП(44), бродилка (67), PNG Клипарты и скрап наборы/Природа(11), 3D ОБЪЕКТЫ(4), ***** ВСЕГДА ПОД РУКОЙ.(0)

Комментарии (0)

РАБОТА С ТЕКСТОМ В 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.
В итоге мы получим такую формулу:

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

ПРИМЕР

Страницы:

[1]

LiveInternetLiveInternet

-Рубрики

-Поиск по дневнику

-Подписка по e-mail

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

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