К началу
Бегущая строка

Элемент <MARQUEE> используется с целью создания в документе бегущей строки.
<MARQUEE> Текст строки
<MARQUEE> Текст строки </MARQUEE>
<MARQUEE атрибуты> Текст строки </MARQUEE>

Он может иметь атрибуты:
bgcolor
Этот атрибут задает цвет фона бегущей строки.
Синтаксис: <MARQUEE bgcolor="цвет"> пример
height
Этот атрибут задает высоту бегущей строки в пикселях или процентах от всего окна.
Синтаксис: <MARQUEE height=число> пример
direction
Этот атрибут задает направление движения бегущей строки: left влево, right вправо, up вверх, down вниз.
Синтаксис: <MARQUEE direction="..."> пример
behavior
Этот атрибут задает поведение бегущей строки, либо scroll прокрутка, либо slide прокрутка с остановкой, либо alternate движение от края к краю.
Синтаксис: <MARQUEE behavior="..."> пример
hspace
Этот атрибут задает смещение в пикселах вправо бегущей строки.
Синтаксис: <MARQUEE hspace=число> пример
vspace
Этот атрибут задает пустое пространство выше и ниже бегущей строки.
Синтаксис: <MARQUEE vspace=число> пример
loop
Этот атрибут задает количество проходов бегущей строки.
Синтаксис: <MARQUEE loop=число> пример
scrollamount
Этот атрибут задает скорость движения бегущей строки, если его значение равно 1, то она будет еле ползти, если его значение больше 10, то она будет двигаться очень быстро.
Синтаксис: <MARQUEE scrollamount=число> пример
scrolldelay
Этот атрибут задает временной интервал между шагами бегущей строки, с помощью него можно заставить строку двигаться рывками. Единица измерения - миллисекунды, по умолчанию равен 85.
Синтаксис: <MARQUEE scrolldelay=число> пример
width
Этот атрибут задает расстояние, на которое перемещается текст. Оно выражается в пикселях или процентах от размера всего окна.
Синтаксис: <MARQUEE width=число> пример

А еще можно сделать так...




Шифруем и фильтруем

Если ваш браузер поддерживает направление текста и слева направо, и справа налево (rtl),
вы можете применить такой код:

<bdo dir="rtl">А РОЗА УПАЛА НА ЛАПУ АЗОРА</bdo>

И получается: А РОЗА УПАЛА НА ЛАПУ АЗОРА

Пустячок, но может пригодиться...


Два фильтра для настоящих разведчиков

Если у вас не Explorer - у вас не получится фильтр...

Если вы еще не променяли старый добрый IE на другие браузеры, то попробуйте применить
фильтр FlipH

ТЕКСТ ОТРАЖЕН В ЗЕРКАЛЕ

Код: <div style="filter: FlipH; width: 300px; height: 30px;">ТЕКСТ ОТРАЖЕН В ЗЕРКАЛЕ</div>

фильтр FlipV

ТЕКСТ ПЕРЕВЕРНУТ И ОТРАЖЕН В ЗЕРКАЛЕ

Код: <div style="filter: FlipV; width: 300px; height: 30px;">ТЕКСТ ПЕРЕВЕРНУТ И ОТРАЖЕН В ЗЕРКАЛЕ</div>


Еще три простых фильтра:

Invert - один из самых эффектных фильтров, инвертирует цвета изображения.
Синтаксис прост: style="filter:Invert;".

Код: <img src="URL картинки" style="filter:Invert">

Похожий эффект производит фильтр XRay, или рентген:

Код: <img src="URL картинки" style="filter:XRay">

Фильтр Gray конвертирует изображение в градации серого цвета:

Код: <img src="URL картинки" style="filter:Gray">

Для чего это нужно?

Допустим, вам нужно сделать галерею предпросмотра фотографий – таблицу с большим количеством уменьшенных копий изображений, являющихся ссылками на большие фотографии. Вы можете наложить на все изображения фильтр gray, а в ответ на наведение мышки (событие mouseOver) отключать его, – когда посетитель вашего сайта наведет мышку на такое черно-белое изображение-ссылку, рисунок станет цветным! Если подключить фантазию, таких вариантов динамических страниц с использованием фильтров можно придумать сколько угодно.

Это важно!
Назад Вверх Следующая страница