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