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

Автор: manager Понедельник, Март 17th, 2008 Нет комментариев

Рубрика: Интернет

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

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

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

ПРИМЕР

ПРИМЕР
В «Нетскейпе» все тихо вымрет кроме содержимого строки — самого текста.
Дополнение— для тех, кто еще не привык. К этому объекту, как и к другим, можно применить еще много чего всякого. Пробуйте…

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

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты