Двигаюшийся текст
11-11-2016 22:08
к комментариям - к полной версии
- понравилось!
Для создания бегущей строки используют специальный тег "marquee".
Атрибут direction – задаёт направление движения бегущей строки:
direction="right" – движение текста вправо.
direction="up" – движение текста в верх.
-
direction="down" – движение текста вниз.
-
direction="left" – движение текста влево. При создании бегущей строки движущейся влево, атрибут direction="left" писать необязательно т.к. по умолчанию она всегда движется влево.
Атрибут width="300" – задаёт ширину поля бегущей строки в пикселях.
Атрибут height="40" – задаёт высоту поля бегущей строки.
Если бегущая строка по горизонтали в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв.
-
-
Если бегущая строка или картинка по вертикали, лучше поставить ограничение высоты движения.
-
-
Атрибут behavior позволяет управлять свойствами движения текста, принимая разные значения:
behavior="alternate" – Движение от края к краю.
Атрибуты управляющие движением текста можно группировать.
Например: написав сразу два атрибута direction="up" и behavior="alternate" текст будет двигаться от верха к низу и обратно.
-
behavior="scroll" – Прокрутка текста (В большинстве случаев можно не указывать, т.к. текст по умолчанию всегда прокручивается).
-
behavior="slide" – Прокрутка текста с остановкой.
Используя два атрибута direction="up" и behavior="slide" текст поднимается снизу вверх и достигнув самого верха останавливается.
-
loop="3" – задаёт число проходов бегущей строки.
(Если указать "3", то текст проедет три раза и больше показываться не будет, только если ещё раз кликнуть на поле движения текста или обновить страницу).
-
Атрибут scrollamount="1" – задаёт скорость движения строки.
Что бы изменить скорость движения строки, измените цифру движения.
-
-
-
-
-
-
Атрибут bgcolor="#E9E9D1" – задаёт фоновый цвет бегущей строки.
(Вместо E9E9D1 подставляете свой цвет).
-
Для более красивого оформления бегущей строки можно выделить края подставив:
style="BORDER: #000000 1px solid"
Здесь #000000 - это цвет, а 1px толщина границ бегущей строки в пикселях.
solid - непрерывная (сплошная) линия
dashed - пунктирная линия
dotted - точечная линия
-
-
-
-
-
Атрибуты:
onmouseover=this.stop(); - при наводе курсора мыши текст остановится;
onmouseout=this.start(); - при убирании курсора мыши текст продолжит своё движение.
(к сожалению, работает не на всех сайтах)
-
Другие атрибуты:
scrolldelay="20" –задаёт временной интервал между шагами бегущей строки.
hspace="70" - задает смещение в пикселах вправо бегущей строки.
vspace="70" - задает пустое пространство выше и ниже бегущей строки.
Добавляя к тегу marquee различные атрибуты Вы получите двигающийся текс на свое усмотрение.
И ещё несколько примеров:
Тег < marquee> заставляет двигаться не только текст, но и картинки. Только вместо СЛОВ, вставляется < img src="АДРЕС КАРТИНКИ В СЕТИ" />
-
Для создания бегущей строки используют специальный тег "marquee".
Атрибут direction – задаёт направление движения бегущей строки:
direction="right" – движение текста вправо.
direction="up" – движение текста в верх.
-
direction="down" – движение текста вниз.
-
direction="left" – движение текста влево. При создании бегущей строки движущейся влево, атрибут direction="left" писать необязательно т.к. по умолчанию она всегда движется влево.
Атрибут width="300" – задаёт ширину поля бегущей строки в пикселях.
Атрибут height="40" – задаёт высоту поля бегущей строки.
Если бегущая строка по горизонтали в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв.
-
-
Если бегущая строка или картинка по вертикали, лучше поставить ограничение высоты движения.
-
-
Атрибут behavior позволяет управлять свойствами движения текста, принимая разные значения:
behavior="alternate" – Движение от края к краю.
Атрибуты управляющие движением текста можно группировать.
Например: написав сразу два атрибута direction="up" и behavior="alternate" текст будет двигаться от верха к низу и обратно.
-
behavior="scroll" – Прокрутка текста (В большинстве случаев можно не указывать, т.к. текст по умолчанию всегда прокручивается).
-
behavior="slide" – Прокрутка текста с остановкой.
Используя два атрибута direction="up" и behavior="slide" текст поднимается снизу вверх и достигнув самого верха останавливается.
-
loop="3" – задаёт число проходов бегущей строки.
(Если указать "3", то текст проедет три раза и больше показываться не будет, только если ещё раз кликнуть на поле движения текста или обновить страницу).
-
Атрибут scrollamount="1" – задаёт скорость движения строки.
Что бы изменить скорость движения строки, измените цифру движения.
-
-
-
-
-
-
Атрибут bgcolor="#E9E9D1" – задаёт фоновый цвет бегущей строки.
(Вместо E9E9D1 подставляете свой цвет).
-
Для более красивого оформления бегущей строки можно выделить края подставив:
style="BORDER: #000000 1px solid"
Здесь #000000 - это цвет, а 1px толщина границ бегущей строки в пикселях.
solid - непрерывная (сплошная) линия
dashed - пунктирная линия
dotted - точечная линия
-
-
-
-
-
Атрибуты:
onmouseover=this.stop(); - при наводе курсора мыши текст остановится;
onmouseout=this.start(); - при убирании курсора мыши текст продолжит своё движение.
(к сожалению, работает не на всех сайтах)
-
Другие атрибуты:
scrolldelay="20" –задаёт временной интервал между шагами бегущей строки.
hspace="70" - задает смещение в пикселах вправо бегущей строки.
vspace="70" - задает пустое пространство выше и ниже бегущей строки.
Добавляя к тегу marquee различные атрибуты Вы получите двигающийся текс на свое усмотрение.
И ещё несколько примеров:
Тег < marquee> заставляет двигаться не только текст, но и картинки. Только вместо СЛОВ, вставляется < img src="АДРЕС КАРТИНКИ В СЕТИ" />
-
Вы сейчас не можете прокомментировать это сообщение.
Дневник Двигаюшийся текст | Kuma_1 - Цитатник «Копилочка» - с миру по нитке... |
Лента друзей Kuma_1
/ Полная версия
Добавить в друзья
Страницы:
раньше»