proview.ruКонструирование сайтовCSS → Основы CSS. Бегущая строка в IE

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

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

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



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

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

ПРИМЕР

ПРИМЕР

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

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



Источник: www.seotm.com

Популярное