последние 30 сообщений Сделать стартовой Добавить в Избранное

*сНежный форум* - территория отдыха для всей семьи!

Объявление

Letyshops [lifetime]

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Бегущая строка

Сообщений 1 страница 15 из 15

1

Очень простой вопрос, но для меня загадка (более сложное, ведь, получается... ) Как поменять цвет бегущей строки?

Отредактировано Shadow the Hedgehog (2006-07-02 17:30:11)

2

<marquee height="10" width="270" bgcolor="#99CCFF">
текст бегущей строки
</marquee>

Пояснение:
высота - 10,
ширина - 270 пикселов,
фон - 99CCFF

фон прозрачный не пишем код цвета  bgcolor="#99CCFF"  И также обозначаем цвет текста, #FF0000 - красный.

3

Bench написал(а):

И также обозначаем цвет текста, #FF0000 - красный.

это где ж это "так же"? либо у тебя куска кода не хватает...

Если просто бегущую строку, но цветом, то так:
<marquee><font color=red>текст бегущей строки</font></marquee>
red - красный цвет текста, можно вставить любой...

4

Не поделитесь скриптом?

5

см. выше

6

Постепенно набирающееся название форума.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

7

Для того чтобы отобразить некий текст, баннеры и другие элементы в форме бегущей строки, помещаем свой текст (или 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>

8

Лар!!!А как можно поменять шрифт бегущей строки?
Сделать жирнее и чуть побольше?Это возможно?
Хочу!

9

А как зделать текст, что бы он двигался сверху вниз в обьявлении...?

10

Лавинка написал(а):

Лар!!!А как можно поменять шрифт бегущей строки?
Сделать жирнее и чуть побольше?Это возможно?
Хочу!

Да как и обычный текст:
<marquee><font size=+5><b>текст бегущей строки</b></font></marquee>
Где "+5" - можно любое число поставить, это на сколько будет отличаться этот размер от размера основного шрифта.

Бусинка) написал(а):

А как зделать текст, что бы он двигался сверху вниз в обьявлении...?

так вон же, в 7-м сообщении:

Снежка* написал(а):

Пример вертикальной бегущей строки:

не то?

11

Создание и вставка бегущих строк в 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 всё это может неработать :(

12

navid написал(а):

Примечание - в браузере Netscape всё это может неработать

браузер Нетскапу уже никто не использует   :blum2:

13

А существует ли тег, контролирующий интервал между проходами бегущей строки, чтобы по окончании прохода она какое-то время не появлялась? Мне, например, не нужно, чтобы она постоянно мелькала перед глазами- достаточно раз в минуту. И можно ли сделать так, чтобы она появлялась не сразу после открытия окна. а через какой-то промежуток времени, например, через пол-минуты?

14

Спасибо вам )

15

Люди бывают разные, как и свечи: одни для света и тепла, а другие - в задницу!
© Фаина Раневская