Очень простой вопрос, но для меня загадка (более сложное, ведь, получается... ) Как поменять цвет бегущей строки?
Отредактировано Shadow the Hedgehog (2006-07-02 17:30:11)
*сНежный форум* - территория отдыха для всей семьи! |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » *сНежный форум* - территория отдыха для всей семьи! » Web-дизайн. Основы html. Скрипты. » Бегущая строка
Очень простой вопрос, но для меня загадка (более сложное, ведь, получается... ) Как поменять цвет бегущей строки?
Отредактировано Shadow the Hedgehog (2006-07-02 17:30:11)
<marquee height="10" width="270" bgcolor="#99CCFF">
текст бегущей строки
</marquee>
Пояснение:
высота - 10,
ширина - 270 пикселов,
фон - 99CCFF
фон прозрачный не пишем код цвета bgcolor="#99CCFF" И также обозначаем цвет текста, #FF0000 - красный.
И также обозначаем цвет текста, #FF0000 - красный.
это где ж это "так же"? либо у тебя куска кода не хватает...
Если просто бегущую строку, но цветом, то так:
<marquee><font color=red>текст бегущей строки</font></marquee>
red - красный цвет текста, можно вставить любой...
Не поделитесь скриптом?
см. выше
Постепенно набирающееся название форума.
Для того чтобы отобразить некий текст, баннеры и другие элементы в форме бегущей строки, помещаем свой текст (или HTML эдлементов) в теги
<marquee>...</marquee>
Для этого тега можно опционально задать следующие атрибуты, или свойства бегущей строки:
Aling - выравнивание текста
Возможные значения:
LEFT - по левому краю
RIGHT - по правому
MIDDLE - по центру
BOTTOM - по нижнему
Behavior - поведение текста (Способ движения)
Возможные значения
SCROLL - движется в одном направлении, постепенно исчезая из поля зрения
SLIDE - доезжает до края и останавливается
ALTERNATE - ездит от края к краю
Scrolldelay - задержка смещения (интервал в миллисекундах между показами текста на разных позициях, создающими эффект анимации)
Возможные значения: любое числовое
Loop - число проигрываний
Возможные значения
число
INFINITE - бесконечное проигрывание
Widht - ширина поля
Height - высота поля
Direction - направление движения
Возможные значения
LEFT
RIGHT
UP
Bgcolor - фон поля бегущей строки
Vspace - отступ сверху и снизу поля
Hspace - отступ слева и справа
Пример горизонтальной бегущей строки
<marquee behavior="scroll" direction="left" bgcolor="#FF0000" width="200" height="25" scrolldelay="10" loop="infinite">Ваш текст </marquee>
Пример вертикальной бегущей строки:
<marquee behavior="scroll" direction="up" bgcolor="#FFFF00" width="400" height="400" scrolldelay="100" loop="20">Ваш текст</marquee>
Чтобы строка останавливала движение при наведении мыши в тег надо добавить
onMouseOver="this.stop()"
onMouseOut="this.start()"
Например
<marquee onMouseOver="this.stop()" onMouseOut="this.start()"> Ваш текст </marquee>
Лар!!!А как можно поменять шрифт бегущей строки?
Сделать жирнее и чуть побольше?Это возможно?
Хочу!
А как зделать текст, что бы он двигался сверху вниз в обьявлении...?
Лар!!!А как можно поменять шрифт бегущей строки?
Сделать жирнее и чуть побольше?Это возможно?
Хочу!
Да как и обычный текст:
<marquee><font size=+5><b>текст бегущей строки</b></font></marquee>
Где "+5" - можно любое число поставить, это на сколько будет отличаться этот размер от размера основного шрифта.
А как зделать текст, что бы он двигался сверху вниз в обьявлении...?
так вон же, в 7-м сообщении:
Пример вертикальной бегущей строки:
не то?
Создание и вставка бегущих строк в HTML документ
Бегущую строку можно применять, там где мало места. Например на главной (ну и других) страницах сайта, для анонсирования новостей или ещё чего подобного.
Бегущая строка создаётся с помощью тэгов <marquee> и </marquee>. Достаточно всего на всего написать какой ни будь текст между этими тэгами и он при просмотре в браузере будет двигаться (прокручиваться) в левую сторону.
<marquee>Здесь текст бегущей строки</marquee>
Естественно тэг <marquee>, как и большинство других HTML тэгов имеет специальные атрибуты, в которых можно задать нужные свойства.
Вот пример кода бегущей строки с использованием некоторых атрибутов:
<marquee scrollamount="1" scrolldelay="20" width="200" height="17" bgcolor="#E9E9D1" behavior="scroll" direction="left">Бегущая строка</marquee>
Бегущая строка
scrollamount="1" – скорость движения строки. (Рекомендуется ставить скорость "1", в этом случае строка выглядит более удобочитаемо и не дёргается)
scrolldelay="20" – Этот атрибут задаёт временной интервал между шагами бегущей строки.
width="200" – ширина бегущей строки в пикселях.
height="17" – высота бегущей строки. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).
bgcolor="#E9E9D1" – Задаёт фоновый цвет бегущей строки. (Вместо E9E9D1 подставляете свой цвет).
direction="left" – Задаёт направление движения бегущей строки. В данном случае это "left" в лево. Но также может применять значения "right" вправо, "up" вверх, "down" вниз.
Т.е. вот пример разных направлений движения:
direction="right" – движение текста вправо. Строка
direction="up" – движение текста в верх. Строка
direction="down" – движение текста вниз. Строка
Кстати при создании бегущей строки движущейся влево, необязательно писать атрибут direction="left" т.к. по умолчанию она всегда движется влево и по этому чтобы место не занимать можно не писать.
loop="2" – задаёт число проходов бегущей строки. (Если указать "2" то два раза текст проедет и больше показываться не будет, только если ещё раз обновить страницу).
hspace="70" - Этот атрибут задает смещение в пикселах в право бегущей строки.
vspace="70" - Этот атрибут задает пустое пространство выше и ниже бегущей строки.
Атрибут behavior позволяет управлять свойствами движения текста, принимая разные значения:
behavior="scroll" – Прокрутка текста (В большинстве случаев можно не указывать, т.к. текст по умолчанию всегда прокручивается).
behavior="slide" – Прокрутка текста с остановкой.
behavior="alternate" – Движение от края к краю. Пример строки
Атрибуты управляющие движением текста можно группировать. Например написав стразу два атрибута direction="up" и behavior="alternate" текст будет двигаться от верха к низу и обратно.
Используя два атрибута direction="up" и behavior="slide" текст поднимается снизу вверх и достигнув самого верха останавливается.
Для более красивого оформления бегущей строки можно выделить края подставив:
style="BORDER: #000000 1px solid"
Здесь #000000 это цвет, а 1px толщина границ бегущей строки в пикселях.
В результате получится такой код:
<marquee style="BORDER: #000000 1px solid" scrollamount="1" scrolldelay="20" width="200" height="17" bgcolor="#E9E9D1" align="middle" direction="left">Бегущая строка</marquee>
Бегущая строка
Изменение текста бегущей строки
Для изменения текста его нужно как обычно обставить нужными тегами и всё это поместить например в предыдущий html код бегущей строки.
<marquee style="BORDER: #000000 1px solid" scrollamount="1" scrolldelay="20" width="200" height="17" bgcolor="#E9E9D1" align="middle" direction="left">
<b><i><font face="Arial" size="2" color="#CC3300">Бегущая строка</font></i></b></marquee>
Бегущая строка
Для более удобного применения бегущей строки, можно добавить в неё несколько элиментов скрипта. В примере ниже добавлено две следующие функции:
onmouseover=this.stop(); - при наводе курсора мыши текст остановится;
onmouseout=this.start(); - при убирании курсора мыши текст продолжит своё движение.
Пример получившегося кода:
<marquee onmouseover=this.stop(); onmouseout=this.start(); style="BORDER: #000000 1px solid" scrollamount="1" scrolldelay="20" width="115" height="70" bgcolor="#E9E9D1" align="middle" direction="up"><font face="Verdana" size="2">Бегущая строка</font></marquee>
Бегущая строка
Примечание - в браузере Netscape всё это может неработать
Примечание - в браузере Netscape всё это может неработать
браузер Нетскапу уже никто не использует :blum2:
А существует ли тег, контролирующий интервал между проходами бегущей строки, чтобы по окончании прохода она какое-то время не появлялась? Мне, например, не нужно, чтобы она постоянно мелькала перед глазами- достаточно раз в минуту. И можно ли сделать так, чтобы она появлялась не сразу после открытия окна. а через какой-то промежуток времени, например, через пол-минуты?
Спасибо вам )
Люди бывают разные, как и свечи: одни для света и тепла, а другие - в задницу!
© Фаина Раневская
Вы здесь » *сНежный форум* - территория отдыха для всей семьи! » Web-дизайн. Основы html. Скрипты. » Бегущая строка