Статьи о Marquee
Атрибуты, значения, методы специфичного тэга marquee
Специфичный html-тэг MARQUEE: <marquee>Content</marquee> является расширением HTML от MicroSoft, для создания на веб-страницах, динамического эффекта: автоматический скроллинг, более известный как "бегущая строка". Скроллируется любой контент (Content) помещённый в блок marquee: текст, графика (фото, картинки), тэги, формы, таблицы, слои.
MARQUEE это блоковый контейнер атрибуты управления и наследования свойств которого, аналогичны атрибутам и наследованиям блоковых контейнеров, таких как DIV, SPAN, P, H и т.п.. Так же в MARQUEE применяются свои специальные атрибуты управления скроллингом, исполняемые, только в этом тэге. Полный перечень атрибутов, свойств и методов MARQUEE, указаны на странице MSDN: Object Marquee
При генерации бегущей строки html-конструкторами (веб-редакторами), тэг автоматически записывается со значением атрибутов управления скроллинга по умолчанию (default):
<marquee behavior="scroll" direction="left" loop="-1" scrollamount="6" scrolldelay="0">Content</marquee>
эта запись равнозначна коду <marquee>Content</marquee>, отсутствие атрибутов указывает броузеру выполнять бегущую строку с дефолтными значениями. При создании исходного кода автоскроллинга в текстовых редакторах, указывают только, те атрибуты, значения (параметры) которых необходимо установить отличными от значений заданных по умолчанию.
При автоматической генерации атрибуты записываются в порядке английского алфавита, при редактировании или написании тэга в текстовых редакторах, алфавитным порядком атрибутов можно пренебречь, на воспроизведение бегущей строки это не влияет, например код:<marquee behavior="scroll" direction="left">Content</marquee>
равнозначен коду:<marquee direction="left" behavior="scroll">Content</marquee>.
(Прим: Некоторые атрибуты и значения MARQUEE, не выполняются в браузерах с движком отличным от Internet Explorer-MSIE Core)
MARQUEE объектная модель документа (DOM): [window.]document.getElementById(elementID)
Примеры:
останов скроллинга кликом в области прокрутки1) <marquee id="exampl" onclick="document.getElementById('exampl').stop();">Content</marquee>
2) <marquee id="exampl" onclick="exampl.stop()">Content</marquee>
3) <marquee onclick="this.stop()">Content</marquee>
останов скроллинга нажатием виртуальной кнопки4) <marquee id="exampl">Content</marquee>
<button onclick="document.getElementById('exampl').stop();">STOP</button>
5) <marquee id="exampl">Content</marquee>
<button onclick="exampl.stop()">STOP</button>
Атрибуты скроллинга Marquee.
direction="" - атрибут устанавливающий направление скроллинга:[window.]document.getElementById(elementID).direction
Значения:
left справа налево (по умолчанию)
right слева направо
up снизу верх
down сверху вниз
behavior="" атрибут устанавливающий тип скроллинга:[window.]document.getElementById(elementID).behavior
Значения:
scroll скроллинг в одном из заданных направлений (по умолчанию)
slide одноразовый скроллинг с остановом контента
alternate возвратно-поступательный скроллинг
loop="" атрибут устанавливающий количество повторений скроллинга:[window.]document.getElementById(elementID).loop
Значения:
-1 или infinite бесконечное повторение (по умолчанию)
N любое целое число задаёт соответствующее количество повторений скроллинга в разах
scrollamaunt="" атрибут устанавливающий смещение в пикселях отрисовки контента:[window.]document.getElementById(elementID).scrollAmount
Значения:
0 запрет отрисовки контента
1 минимальное смещение в 1 пиксель
6 смещение в 6 пикселей (по умолчанию)
N любое положительное целое число задаёт смещение в пикселях.
scrolldelay="" атрибут устанавливающий время задержки отрисовки контента в миллисекундах:[window.]document.getElementById(elementID).scrollDelay
Значения:
0 скорость отрисовки устанавливается операционной системой (по умолчанию)
N любое целое число больше 85 (для Windows) задаёт время задержки отрисовки контента в миллисекундах
1 1 миллисекунда, минимально возможная задержка времени отрисовки при использовании атрибута truespeed
truespeed дополнительный атрибут позволяющий снять ограничение минимального значения задержки времени отрисовки установленной операционной системой:[window.]document.getElementById(elementID).trueSpeed
<marquee scrolldelay="" truespeed="truespeed">Content</marquee> - в xHTML
<marquee scrolldelay="" truespeed>Content</marquee> - в HTML
Атрибуты форматирования Marquee
align="" атрибут устанавливающий первоначальное положение контента в области скроллинга:[window.]document.getElementById(elementID).align
Значения:
absbottom абсолютный низ
absmiddle абсолютная середина
baseline привязка к базовой линии
bottom низ
left слева
middle в середине
right справа
texttop абсолютный верх
top верх
width="" атрибут устанавливающий параметр ширины области скроллинга в пикселях:[window.]document.getElementById(elementID).width
Значения:
N любое положительное целое число задаёт ширину в пикселях
height="" атрибут устанавливающий параметр высоты области скроллинга в пикселях:[window.]document.getElementById(elementID).height
Значения:
N любое положительное целое число задаёт высоту в пикселях
hspace="" атрибут устанавливающий параметры отступа в пикселях от границ контента до вертикальных (правая и левая) границ области скроллинга (по умолчанию 0):[window.]document.getElementById(elementID).hspace
Значения:
N любое целое положительное число задаёт вертикальный отступ в пикселях
vspace="" атрибут устанавливающий параметры отступа в пикселях от границ контента до горизонтальных (верхняя и нижняя) границ области скроллинга (по умолчанию 0): [window.]document.getElementById(elementID).vspace Значения:
N любое положительное целое число задаёт горизонтальный отступ в пикселях
bgcolor="" атрибут устанавливающий параметр цвета пространства (фона) скроллинга:[window.]document.getElementById(elementID).bgColor
задаётся в форматах десятичном или кодовом:
пример:
#000000 чёрный в десятичном
green зеленый в кодовом
style="" атрибут указания стиля форматирования области скроллинга и контента:[window.]document.getElementsByTagName("style")
class="" атрибут внедрения стиля форматирования области скроллинга и контента.
Свойства блока Marquee
datasrc="" атрибут указывающий на идентификатор объекта связи с базой вызываемого контента #nameID:[window.]document.getElementById(elementID).dataSrc
datafld="" атрибут указывающий идентификатор ячейки (поля) базы из которой вызывается контент nameFLD:[window.]document.getElementById(elementID).dataFld
dataformatas="" атрибут указывающий формат вызываемого контента:[window.]document.getElementById(elementID).dataFormatAs
Значения:
Text контент загружается в исходном формате (по умолчанию)
HTML контент загружается в html-формате
id="" идентификатор тега произвольно латиницей, цифрами или их комбинацией.
title="" описание произвольно на любом языке.
lang="" атрибут указывающий язык текстового контента помещённого в тэг, если он отличается от языка указанного для всего документа:[window.]document.getElementById(elementID).lang
задаётся в стандарте ISO, например: de-немецкий ru-русский
dir="" атрибут указывающий направление написания текста
Значения:
ltr слева направо для европейских языков (по умолчанию).
rtl справа налево (арабский, древнееврейский)
language="" прямое указание на язык сценария: vbscript, javascript и т.д. При отсутствии этого атрибута выполняется сценарий скриптового языка установленного в браузере по умолчанию.
Специальные события Marquee
onbounce="" выполнение сценария после указанного количества петель (loop) при значении behavior="alternate"
onfinish="" выполнение сценария после останова бегущей строки
onstart="" выполнение сценария при старте бегущей строки
Стандартные события Marquee
onafterupdate="" выполнение сценария после загрузки документа
onload="" выполнение сценария после полной загрузки блока
onfocus="" выполнение сценария при активации элемента
onblur="" выполнение сценария при деактивации элемента
onclick="" выполнение сценария одним кликом.
ondblclick="" выполнение сценария двойным кликом.
onkeydown="" выполнение сценария удержанием любой клавиши клавиатуры.
onkeyup="" выполнение сценария отпусканием любой клавиши клавиатуры.
onkeypress="" выполнение сценария нажатием любой клавиши клавиатуры.
onmousedown="" выполнение сценария нажатием левой кнопки мыши.
onmousemove="" выполнение сценария перемещением курсора.
onmouseout="" выполнение сценария отведением курсора.
onmouseover="" выполнение сценария наведением курсора.
onmouseup="" выполнение сценария отпусканием левой кнопки мыши.
Специальные методы Marquee
start() запуск бегущей строки:[window.]document.getElementById(elementID).start()
stop() останов бегущей строки:[window.]document.getElementById(elementID).stop()
Стандартные методы Marquee
accessKey действие выполняется сочетанием клавиш Alt + клавиша на клавиатуре (в нижнем регистре):document.links.accessKey = "знак клавиши в латинской раскладке";
focus() активация диалога:[window.]document.getElementById(elementID).focus()
blur() прекращение диалога:[window.]document.getElementById(elementID).blur()
scrollTop смещение верхней границы контента относительно верхней границы области скроллинга вниз в пикселях при вертикальном скроллинге (0px по умолчанию):document.body.scrollTop = N;
scrollLeft смещение левой границы контента относительно левой границы области скроллинга вправо в пикселях при горизонтальном скроллинге (0px по умолчанию):document.body.scrollLeft = N;
scrollWidth ширина области скроллинга в пикселях:var midPoint = document.body.scrollWidth/2;
scrollHeight высота области скроллинга в пикселях:var midPoint = document.body.scrollHeight/2;
Модули Marquee в CSS3 (Рекомендация W3C)
{overflow:; marquee:,,;}marquee-direction: модуль управления направлением скроллинга
auto направление скроллинга зависит от установки направления написания текста (по умолчанию)
forwards направление скроллинга зависит от установки направления написания (по умолчанию справа налево)
backwards направление скроллинга противоположно установке направления написания (по умолчанию слева направо)
ahead направление скроллинга зависит от установки направления написания (по умолчанию снизу вверх)
reverse направление скроллинга зависит от установки направления написания (по умолчанию сверху вниз)
left скроллинг справа налево
right скроллинг слева направо
up скроллинг снизу вверх
down скроллинг сверху вниз
marquee-repetition: модуль управления количеством повторений скроллинга
infinite - бесконечное повторение (по умолчанию)
N - любое целое положительное число задаёт количество прокруток в разах (отрицательные числа недопустимы)
marquee-speed: модуль управления скоростью смещения контента
normal скорость скроллинга устанавливается операционной системой (по умолчанию)
slow скорость скроллинга ниже normal
fast скорость скроллинга выше normal
Npx скорость скроллинга задаётся смещением в пикселях, где N целое положительное или отрицательное число
Npx/ Τs скорость скроллинга задаётся смещением в пикселях и периодом времени Τ в секундах (значение Τ=0 недопустимо)
marquee-style: модуль управления типом скроллинга
alternate возвратно поступательный скроллинг (по умолчанию)
scroll скроллинг в заданном направлении
slide одноразовый скроллинг в заданном направлении
none запрет скроллинга (при установленном overflow:hidden;)
в начало статьи
Формы в MarqueeСтарт и стоп в бегущей строке Апокриф веб-дизайна Ускорение и замедление в Marquee Невалидность Marquee Старт и стоп в бегущей строке Поведение Marquee
