Web-mastering: портал вебмастеров (web-мастеров) о web-дизайне, web-программировании, раскрутке; статьи по веб-дизайну, веб-программированию для вебмастеров

Основы CSS. Бегущая строка в IE

В "Эксплорере" третьей версии "строка" работала только в режиме горизонтальной прокрутки текста. В последующих версиях появилось кое-что новенькое. Описывается элемент тэгом <мarquee></мarquee>. Прокручивается она теперь во всех направлениях. Определяется это свойством direction. Четыре направления: left, right, up, doun. По умолчанию— right(вправо).

Атрибут dehavior: alternate, scroll, slide. Отвечает за "поведение" строки. В режиме scroll строка прокручивается как по умолчанию, в режиме alternate текст "шарахается" по полю вперед-назад и т. д. Попробуйте, подставте.



ПРИМЕР ПРИМЕР ПРИМЕР ПРИМЕР

Высота и ширина устанавливается стандартно. Может пригодиться еще свойство loop, определяющее число повторений анимации(по умолчанию-бесконечно). Можно изменить еще scrollAmount, свойство отвечает за число пикселов перемещения при движении(по умолчанию-6) и scrollDelay, отвечающее за число миллисекунд между изменениями(по умолчанию-85).
Для управления предусмотрено два метода— start и stop. Ниже привожу код строки длинной 100px, высотой 20, прокручивание вверх, есть подсказка, при наведении мышки строка останавливается, при отведении запускается, заданы фон и цвет текста.


<MARQUEE title="Подсказка" WIDTH="100" HEIGHT="20" DIRECTION="up" SCROLLAMOUNT="2" SCROLLDELAY="5" BEHAVIOR="" ONMOUSEOVER="this.stop();" ONMOUSEOUT="this.start();" style="background:#FEFF00 ; color: #C00000; " >ПРИМЕР</MARQUEE>



ПРИМЕР

В "Нетскейпе" все тихо вымрет кроме содержимого строки — самого текста.

Дополнение— для тех, кто еще не привык. К этому объекту, как и к другим, можно применить еще много чего всякого. Пробуйте...

Источник: A-design studio http://mtk.on.ufanet.ru

Источник: http://www.izcity.com/ 

Назад

[an error occurred while processing this directive]

© 2006-2008 Web-mastering.net - "Портал вебмастеров"