Бегущая строка из картинок или текста |
  Тег 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 |
Серия сообщений "Памятка для Лиру":
Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
Часть 3 - Сохранение дневника с Лиру на компьютер
Часть 4 - Всё про картинки. Часть 1. Закругляем углы.
...
Часть 17 - Плееры для Лиру
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставить чужую рамку себе в пост
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
Эмэль обратиться по имени
Суббота, 04 Октября 2014 г. 21:09 (ссылка)
Спасибо!!!Жанна_николаевна обратиться по имени
Понедельник, 26 Января 2015 г. 19:59 (ссылка)
Валентинка555 обратиться по имени
Воскресенье, 08 Февраля 2015 г. 23:43 (ссылка)
bloginja
vdomarvik обратиться по имени
Понедельник, 09 Февраля 2015 г. 12:33 (ссылка)
Лорчи обратиться по имени
Понедельник, 09 Февраля 2015 г. 16:21 (ссылка)
moment_in_time обратиться по имени
Понедельник, 02 Марта 2015 г. 07:03 (ссылка)
Н_НИНА обратиться по имени
Суббота, 28 Ноября 2015 г. 12:49 (ссылка)
bloginja, спасибо Юленька, у меня хотя это все есть, но забрала, т.к. все с объяснениямиН_НИНА обратиться по имени
Воскресенье, 29 Ноября 2015 г. 20:43 (ссылка)
bloginja, доброго вечера Юленька, еще вчера процитировала твой этот пост, проверяю все коды, у меня не плывет картинка вверх вниз (последний код) доходит вверх и останавливается, как ты думаешь почемуН_НИНА обратиться по имени
Воскресенье, 29 Ноября 2015 г. 22:34 (ссылка)
bloginja, Юлечка, уже завтра доброго тебе утра, я нашла ошибку, loop у тебя стоит просто 1 без минуса, вот оно 1 раз прогуливалось и останавливалось, извини за беспокойство, приятной недели
bloginja, \ думаю, что они цитируют и не проверяют, а я всегда новые коды проверяю в дневнике, чтобы точно знать как и что, приятного тебе вечераNadezhda55 обратиться по имени
Вторник, 01 Декабря 2015 г. 00:52 (ссылка)
TAISA_ANDRYEYEVA обратиться по имени
Понедельник, 07 Декабря 2015 г. 22:08 (ссылка)
Валентина_Верченко обратиться по имени
Суббота, 09 Января 2016 г. 22:29 (ссылка)
мантия обратиться по имени
Вторник, 15 Марта 2016 г. 13:17 (ссылка)
Lusianaya обратиться по имени
Пятница, 31 Марта 2017 г. 17:55 (ссылка)
Немецкий-медицина обратиться по имени
Среда, 04 Октября 2017 г. 11:43 (ссылка)
всех благ, здоровья, улыбок, удачи во всём.. 
NIMVFA обратиться по имени
С признательностью и благодарностью Среда, 01 Ноября 2017 г. 10:09 (ссылка)
lidija_led обратиться по имени
Пятница, 27 Июля 2018 г. 12:36 (ссылка)
Зоя_Крайсик обратиться по имени
Четверг, 11 Октября 2018 г. 15:57 (ссылка)
lora-46 обратиться по имени
Среда, 06 Февраля 2019 г. 08:53 (ссылка)
trutneva_veronika обратиться по имени
Воскресенье, 08 Сентября 2019 г. 15:50 (ссылка)
trutneva_veronika обратиться по имени
Воскресенье, 08 Сентября 2019 г. 15:51 (ссылка)
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
