Бегущая строка на наших форумах вещь популярная. Особенно для контейнера баннеров. В этом небольшом уроке-статье я постараюсь рассмотрть все, так или иначе связанное с бегущей строкой: её оформление, параметры.
Начнем с того, что метка бегущей строки парня, закрывающий тег обязателен.
Итак, бегущая строка - <marquee></marquee>
Но это будет самым простым вариантом строки. Я не буду объяснять куда вставлять параметры (атрибуты) и сразу перейду к ним.
1. Размеры - собственно, определяют размеры области бегущей строки. В принципе порписывать не обязательно, но весьма желательно.
width="x" - ширина строчки
height="x" - высота строки
2. Цвет фона таблицы
bgcolor="ххх" - Цвет фона бегущей строки (цвет можно прописывать как кодом, так и словом)
3. Рамка вокруг бегущей строки
style="border: #000000 1px solid" Итак, рассмотрим каждый элемент по отдельности
#000000 - цвет рамки
1px - толщина рамки
solid - стиль рамки.
4. Форматирование текста внутри бегущей строки
font face="ХХХ" - вместо ХХХ пишите желаемый шрифт
color="ХХХ" - цвет текста. Словом, или в 16-й системе
size="Х" - размер шрифта
3. Выравнивание
align="ххх" - где вместо ххх можно вписывать:
top - выравнивание по верху
bottom - выравнивание по низу
center - выравнивание по центру
left - выравнивание по левому краю
right - выравнивание по правому краю.
4. Отступы
vspace="х" - отступ сверху и снизу поля
hspace='х" - отступ слева и справа поля
5. Способ перемещения
behavior="xxx" - где вместо ххх вписываем что-либо из написанного ниже
slide - текст/изображение доезжает до края и останавливается
scroll - текст/изображение проезжает и появляется снова
alternate - текст/изображение движется от одного края к другому
6. Направление строки
direction="xxx" - где вместо ххх вписываем что-либо из написанного ниже
left - текст/изображение будет двигаться с права на лево (по умолчанию)
right - текст/изображение двигается с лева на право
up - текст/изображение движется снизу вверх
down - текст/изображение движется сверзу вниз
7. Повторение
loop="х" - сколько раз строчка будет повторять свое движение (по умолчанию двигается бесконечно)
8. Скорость перемещения текста/изображения
scrollamount="x" - точнее - не скорость, а шаги перемещения в полосе
9. Задержка
scrolldelay="х" - служит для указания времени задержки в миллисекундах между отдельными тактами перемещения строки
И, наконец, мы не забудем и о строке, останавлявающейся при наведении курсора. Для этого в тег введите седующую конструкцию:
onMouseOver=this.stop() - при наведении мышки строка останавливается
onMouseOut=this.start() - отведя курсор двжение продолжается