|
Представляю вам скрипт для 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;" - текст будет писаться жирным шрифтом.
Понравилось? Поделись ссылкой с друзьями!
|
