Мобильный LiveInternet Бегущая строка из картинок или текста

Авторизация

Дневник bloginja Лента друзей - Дневник - Полная версия

Бегущая строка из картинок или текста 09-03-2014 19:01 к комментариям - к полной версии - понравилось!

Тег marquee - Бегущая строка
Тег marquee создает бегущую строку на странице и позволяет перемещать по ней любые элементы — изображения, текст и т.д.
Пример:

Кто быстрее?

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

Атрибуты:
behavior - Задает тип движения содержимого контейнера marquee
Пример:
Задаваемые значения этому атрибуту:
alternate - Контент перемещается между правым и левым краем элемента.

scroll - Контент перемещается в направлении, заданным атрибутом direction, затем скрывается за пределами области, после чего начинает движение с начала.

slide - Контент перемещается в направлении, заданным атрибутом direction, доходит до края области и останавливается.

Значение по умолчанию scroll
bgcolor - Цвет фона. Устанавливает цвет фона под содержимым элемента marquee.
Пример:

direction - Указывает направление движения содержимого контейнера marquee. Содержимое может перемещаться в четырех направлениях, не только влево и вправо, но также вверх и вниз.
Пример:
down - Движение сверху вниз.

left - Движение справа налево.

right - Движение в правую сторону.

up - Движение вверх.

Значение по умолчанию - left
height - высота области прокрутки и width - ширина области прокрутки.
Элемент marquee отображается как прямоугольник, ширина и высота которого устанавливаются, соответственно, с помощью атрибутов width и height. Прокрутка содержимого будет происходить в пределах заданных размеров.
Пример:
Значение по умолчанию: ширина — 100%, высота — 12 пикселов.
hspace - горизонтальные поля вокруг контента и vspace - вертикальные поля вокруг содержимого.
Атрибуты hspace и vspace предназначены для добавления пустого пространства вокруг содержимого.
hspace устанавливает поля слева и справа от элемента (по горизонтали), а vspace — сверху и снизу (по вертикали). Поля не увеличивают фоновую область под содержимым и служат для изменения расстояния между тегом marquee и другими элементами страницы.
Пример:

Значение по умолчанию -1
loop - Задает, сколько раз будет прокручиваться содержимое. После того, как заданное число раз отсчитано, содержимое остается в конечной точке.
Пример:

Значение по умолчанию -1
scrollamount - Скорость движения контента. Чем выше значение, тем быстрее перемещается содержимое контейнера. Если значение равно нулю, то движения не происходит.
Пример:

Значение по умолчанию 6
scrolldelay - Величина задержки в миллисекундах между движениями. Чем ниже значение, тем выше скорость движения, и наоборот.
Пример:

Значение по умолчанию 85
truespeed - Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay. Если содержимое тега marquee перемещается слишком быстро, то срабатывает встроенный ограничитель скорости, который насильно замедляет скролирование. Это сделано для того, чтобы сохранить читабельность текста. Если вы намерены обойти это ограничение, добавьте атрибут truespeed, он заставляет прокручиваться содержимое с заданной скоростью. Для атрибута scrolldelay ограничение скорости начинается со значения 60 миллисекунд и ниже.
Пример:

По умолчанию этот атрибут выключен.
А теперь попробую собрать все атрибуты в один html код

подставлю значения атрибутов

и посмотрю, что получается

Ок! Кажется так сложно в начале, а в итоге всё так просто.
Вместо картинок можно писать текст, оформив его атрибутами текста, как обычно.
bloginja

Читайте так же: ПОСТ ПОСТ ПОСТ ПОСТ

вверх^ к полной версии понравилось! в evernote

Комментарии (42): вперёд»

Эмэль 04-10-2014-21:09 удалить

Очень полезная памятка!Особенно для меня.

Спасибо!!!

Вы сейчас не можете прокомментировать это сообщение.