Представляю вам скрипт для 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. Ну ладно,
вернёмся к строки и рассмотрим ряд вопросов:
- Как изменить скорость движения текста? Для этого существует
атрибут scrollamount, значение задаётся в пикселях. По умолчанию
значение 6, значение можете быть любым целым числом, если число будет 0,
то движение происходить не будет.
- Как изменить величину задержки движений? А для этого
существует атрибут scrolldelay, значения задаётся в миллисекундах. По
умолчанию оно 85, значение должно быть целым числом. При изменении этого
значения стоит учитывать, что оно напрямую влияет на скорость.
- Как задать тип движения передвигаемой строчки? Для этого
есть атрибут behavior, для которого существуют три значения: scroll (по
умолчанию), alternate и slide. Со значением scroll текст будет
перемещаться в заданном направлении, доходя до края контейнера,
исчезать, а потом снова появляться из другого края контейнера. Со знач.
alternate текст будет перемещаться, как бы отталкиваясь от одного края и
перемещаясь к другому. Со знач. slide текст будет выезжать, и
останавливаться, как только дойдет до противоположного края.
- Как задать другое направление движения, например, сверху вниз?
Для этого имеется атрибут direction . Можно задать четыре значения:
left (по умолчанию), right, down, up. Left - движения будет идти к
левому краю от правого. Right - наоборот. Down - движение будет идти
сверху вниз. Up - движение будет идти вверх.
- Как сделать так, чтобы полоса текста прокручивалась только определенное количество раз? Атрибутом 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;" - текст будет писаться жирным шрифтом.
