Старт | Стоп
Скрипт прокрутки
HTML-кода (форматированный текст,
рисунки и т.п.)
внутри прямоугольной области на странице.
Для удобства сделаны два линка: Старт и Стоп. Реализовано все это при
помощи всего одного тега marquee. Все, что
находится внутри этого
тега автоматически прокручивается . Такой автоскроллинг так же, как и
различные раскрывающиеся меню и всплывающие подсказки сильно
экономит место на странице.
Ниже приводится описание тега marquee (детально
рассмотрены
только его специфические параметры).
|
Содержимое
этой таблицы поместите между <BODY>
и </BODY>
|
|
<p
align="center"><!--webbot bot="HTMLMarkup" startspan
-->
<marquee id="scroller" scrollAmount=5 direction=up width=150
height=150 style="background-color:lightyellow;border:1px solid
black">
<font face="Arial"><small>
<p align=justify><img src="dot-1.gif">
Дареному провайде- ру в канал не смотрят.
<p align=justify><img src="dot-1.gif">
Лучше синица в руках, чем утка под кроватью.
<p align=justify><img src="dot-1.gif"> Что
посеешь, то уже не найдешь.
<p align=justify><img src="dot-1.gif"> Не
рой другому яму сам.
<p align=justify><img src="dot-1.gif">
Каждой твари - по паре (еванг. от Преподователя)
</small></font></marquee><br>
<b><a
href="javascript:scroller.start()">Старт</a> |
<a
href="javascript:scroller.stop()">Стоп</a></b>
<script language="JavaScript1.2">
if (document.all)
scroller.stop()
</script><!--webbot
bot="HTMLMarkup"
endspan --></P>
|
Параметры тега
marquee
- behavior
- Задает тип движения
содержимого контейнера <MARQUEE>.
- bgcolor
- Цвет фона.
- direction
- Указывает направление
движения содержимого контейнера <MARQUEE>.
- height
- Высота области прокрутки.
- hspace
- Горизонтальные поля вокруг
контента.
- loop
- Задает, сколько раз будет
прокручиваться содержимое.
- scrollamount
- Скорость движения контента.
- scrolldelay
- Величина задержки в
миллисекундах между движениями.
- truespeed
- Отменяет встроенный
ограничитель скорости при низких значениях параметра scrolldelay.
- vspace
- Вертикальные поля вокруг
содержимого.
- width
- Ширина области прокрутки.
Закрывающий
тег обязателен: <marquee>...</marquee>
.
Описание основных параметров
тега <MARQUEE>
Параметр BEHAVIOR
Описание
Устанавливает способ движения
содержимого внутри элемента <MARQUEE>.
Синтаксис
<marquee
behavior="alternate | scroll | slide">...</marquee>
Аргументы
- alternate
- Контент перемещается между
правым и левым краем элемента.
- scroll
- Контент перемещается в
направлении, заданным параметром direction,
затем скрывается за пределами области, после чего начинает движение с
начала.
- slide
- Контент перемещается в
направлении, заданным параметром direction,
доходит до края области и останавливается.
Значение по умолчанию
scroll
Параметр DIRECTION
Описание
Содержимое контейнера <MARQUEE>
может перемещаться в четырех направлениях, не только влево и вправо, но
также вверх и вниз.
Синтаксис
<marquee
direction="down | left | right | up">...</marquee>
Аргументы
- down
- Движение сверху вниз.
- left
- Движение справа налево.
- right
- Движение в правую сторону.
- up
- Движение вверх.
Значение по умолчанию
left
Параметр HSPACE и VSPACE
Описание
Параметры hspace
и vspace
предназначены для добавления пустого пространства вокруг содержимого MARQUEE.
Атрибут hspace
устанавливает поля слева и справа от элемента (по горизонтали), а vspace
— сверху и снизу (по вертикали). Поля не увеличивают фоновую
область под содержимым и служат для изменения расстояния между тегом <MARQUEE>
и другими элементами веб-страницы.
Синтаксис
<marquee
hspace="поле по горизонтали">...</marquee>
<marquee vspace="поле по
вертикали">...</marquee>
Аргументы
Любое целое положительное число
в пикселах.
Значение по умолчанию
-1
Параметр LOOP
Описание
Устанавливает, сколько раз
скролировать содержимое тега <MARQUEE>.
После того, как заданное число раз отсчитано, содержимое остается в
конечной точке.
Синтаксис
<marquee
loop="число повторений">...</marquee>
Аргументы
Любое целое положительное число
или -1 для бесконечного воспроизведения движения.
Значение по умолчанию
-1
Параметр SCROLLAMOUNT
Описание
Анимация содержимого элемента <MARQUEE>
происходит за счет периодического стирания информации и отображения ее
на новом месте. Параметр scrollamount
устанавливает расстояние в пикселах между старым и новым положениями,
которые влияют на скорость движения и плавность хода. Чем выше
значение, тем быстрее перемещается содержимое контейнера. Если значение
равно нулю, то движения не происходит.
Синтаксис
<marquee
scrollamount="число">...</marquee>
Аргументы
Любое целое положительное число
пикселов.
Значение по умолчанию
6
Параметр SCROLLDELAY
Описание
На скорость скролирования, как
и изменение позиции, влияет частота обновления содержания. Параметр scrolldelay
задает время задержки между движениями в миллисекундах, чем ниже
значение, тем выше скорость движения, и наоборот.
Синтаксис
<marquee
scrolldelay="число">...</marquee>
Аргументы
Любое целое положительное число
миллисекунд.
Значение по умолчанию
85
Параметр TRUESPEED
Описание
Если содержимое тега <MARQUEE>
перемещается слишком быстро, то срабатывает встроенный ограничитель
скорости, который насильно замедляет скролирование. Это сделано для
того, чтобы сохранить читабельность текста. Если вы намерены обойти это
ограничение, добавьте параметр truespeed,
он заставляет прокручиваться содержимое с заданной скоростью. Для
параметра scrolldelay
ограничение скорости начинается со значения 60 миллисекунд и ниже.
Синтаксис
<marquee
truespeed>...</marquee>
Аргументы
Нет.
Значение по умолчанию
По умолчанию этот параметр
выключен.