Представляю вам скрипт для
uCoz -
бегущая строка. То есть, она движется
справа на лево, а, если её настроить, может двигаться
слева на право, а может
сверху вниз или
наоборот.
Итак, код:
Код
<marquee style="width:100%; background:#fff; padding:5px; border:1px solid #f2f2f2; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;">
Здесь Вы можете написать что угодно, например, приветствие
</marquee>
А вот так эта
бегущая строка будет выглядеть после вставки кода, приведенного выше:
Как редактировать строчку?
А вообще, её можно очень гибко под себя настраивать. Как? Очень просто, для этого нужно понять одну простую вещь - за перемещение строки отвечает тег marquee, а значит, к нему надо прописать нужные атрибуты, которые и настрою бегание этой строчки.
Кстати, с помощью этого тега можно перемещать не только текст, а ещё и изображения, различные элементы форм, таблицы, теги div. Ну ладно, вернёмся к строки и рассмотрим ряд вопросов:
1) -
Как изменить скорость движения текста? Для этого существует атрибут scrollamount, значение задаётся в пикселях. По умолчанию значение 6, значение можете быть любым целым числом, если число будет
0, то движение происходить не будет.
2) -
Как изменить величину задержки движений? А для этого существует атрибут scrolldelay, значения задаётся в миллисекундах. По умолчанию оно
85, значение должно быть целым числом. При изменении этого значения стоит учитывать, что оно напрямую влияет на скорость.
3) -
Как задать тип движения передвигаемой строчки? Для этого есть атрибут
behavior, для которого существуют три значения: scroll (по умолчанию),
alternate и slide. Со значением
scroll текст будет перемещаться в заданном направлении, доходя до края контейнера, исчезать, а потом снова появляться из другого края контейнера. Со знач.
alternate текст будет перемещаться, как бы отталкиваясь от одного края и перемещаясь к другому. Со знач.
slide текст будет выезжать, и останавливаться, как только дойдет до противоположного края.
4) -
Как задать другое направление движения, например, сверху вниз? Для этого имеется атрибут
direction . Можно задать четыре значения: left (по умолчанию),
right,
down,
up.
Left - движения будет идти к левому краю от правого.
Right - наоборот.
Down - движение будет идти сверху вниз.
Up - движение будет идти вверх.
5) -
Как сделать так, чтобы полоса текста прокручивалась только определенное количество раз? Атрибутом loop, значение которого количество раз открути текста. По умолчанию "
-1", это бесконечность.
Настроим стили
Стили надо обязательно настроить под ваш сайт, иначе будет некрасиво смотреться. Настроить стили - это: изменить фон, задать отступы, ширину, высоту, рамку вокруг, тип шрифта, размер шрифта, ширину шрифта. Например, у вас сайт с чёрным фоном, тогда тот код, что представлен выше, вам не подойдет, будет не красиво. Чтобы было красиво, надо изменить фон на чёрный.
Сейчас я хочу просто написать пояснения к каждому стилю, который прописан в коде, представленном в самом начале:
"
width:100%;" - ширина
100%, можно задать ширину в пикселях, например, "
width:600px;".
"
height:100%;" - высота
100%.
"
background:#fff;" - фон цветом
#fff. Можно задать черный цвет -
#000.
"
padding:5px;" - отступы внутри блока шириной
5px.
"
border:1px solid #f2f2f2;" - сплошная рамка вокруг блока шириной
1 пиксель и цветом
#f2f2f2.
"
color:#000;" - цвет текста
#000.
"
font-family:Arial,
Helvetica,
sans-serif;" - шрифт текста
Arial.
"
font-size:14px;" - размер шрифта
14px.
"
font-weight:bold;" - текст будет писаться жирным шрифтом.