Есть не очень распространненый тэг в HTML - marquee, который прокручивает содержимое в нем. Именно об этом тэге и пойдет речь в этой статье.
Довольно часто встречаются случаи, что даже бывалые веб-программисты удивляются увидев этот тэг.
Тэг <marquee></marquee> динамически прокручивает содержимое по определенным в нем правилам.
При помощи этого тэга можно создавать бегущие строчки со ссылками или текстом, который должен привлекать внимание посетителей страницы. Так же удобно создавать бегущие строки с изображениями-ссылками, например партнеров компании.
Пример обычной бегущей строчки:
Теперь давайте рассмотри атрибуты тэга <marquee>, который позволяют изменить стиль бегущей строки или ее вид:
Атрибут behavior - задает тип движения содержимого тэга, может принимать следующие значения(по-умолчанию scroll):
- Alternate - Контент перемещается между правым и левым краем элемента.
- Scroll - Контент перемещается в направлении, заданным атрибутом direction, затем скрывается за пределами области, после чего начинает движение с начала.
- Slide - Контент перемещается в направлении, заданным атрибутом direction, доходит до края области и останавливается.
Атрибут direction - указывает направление движения содержимого тэга, может принимать следующие значения(по умолчанию left):
- Down - Движение сверху вниз.
- Left - Движение справа налево.
- Right - Движение в правую сторону.
- Up - Движение вверх.
Атрибут loop - задает, сколько раз будет прокручиваться содержимое, может принимать следующие значения(по умолчанию -1):
- Любое целое положительное число
- -1 означает бесконечное повторение
Атрибут scrollamount - скорость движения содержимого, может принимать следующие значения(по умолчанию 6):
- Любое целое положительное число
Атрибут scrolldelay - величина задержки в миллисекундах между движениями, может принимать следующие значения(по умолчанию 85):
- Любое целое положительное число миллисекунд
Теперь несколько примеров использования тэга <marquee>:
Добавить комментарий
Авторизоваться с помощью: