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


бегущая строка 08-01-2013 01:52 к комментариям - к полной версии - понравилось!

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

Работа с текстом в 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.
В итоге мы получим такую формулу:
<marquee style="WIDTH: 200px" direction="right" scrollamount="Х"></marquee>

Волшебный тег <marquee></marquee> заставляет двигаться не только текст, но всё, к чему он относится.
Для картинки от будет выглядеть так:
<marquee><img src=" картинка ссылка радикала №1" /></marquee>
ПРИМЕР
[показать]
[показать]


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


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

Дневник бегущая строка | larisa16 - Дневник larisa16 | Лента друзей larisa16 / Полная версия Добавить в друзья Страницы: раньше»