Как вставить вот такую бегущую строку
в нужное место статьи или просто страницы Вам нужно вставить вот такой код
<center>
<marquee behavior="scroll" bgcolor="aqua" direction="left" height="50" loop="infinite" width="500">
<h2>
Пример бегущей строки.</h2>
</marquee></center> |
Как я уже упоминал раньше в эту строку можно вставлять не только текст, но так же и картинки. А еще ее можно настраивать по своему усмотрению, так как вам нежно.Так же вы можете настраивать эту бегущую строку по своему усмотрению как пожелаете, вставлять нужные вам картинки и текст и разместить в любом месте на вашем сайте. Но при настройках всегда нужно ориентироваться на пользователя ведь посетитель может не дождаться появления текста в вашей строке поэтому старайтесь подбирать настройки с учётом этого фактора.
Разъяснение кода бегущей строки.
Бегущая строка создаётся с помощью контейнера тэгов <marquee>...</marquee> со следующими атрибутами:
width="..." - ширина бегущей строки в пикселях или процентах от ширины экрана.
height="..." - высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).
bgcolor="..." - определяет цвет фона бегущей строки.
behavior="..." задает тип движения (поведение) бегущей строки и имеет следующие значения:
scroll - циклическая прокрутка текста из одного конца в другой
slide - текст появляется с одного края и останавливается у другого.
alternate - текст перемещается от одного края к другому и обратно.
direction="..." - определяет направление движения бегущей строки. Имеет следующие значения:
left - текст движется влево по строке
right - текст движется вправо по строке
up - вся строка перемещается снизу вверх
down - строка движется сверху вниз
scrollamount="..." - шаг перемещения в строке в пикселах, на который перемещается текст за заданный интервал времени. Например: - scrollamount="1" - scrollamount="2" - scrollamount="2"
scrolldelay="..." - Этот атрибут задаёт временной интервал между шагами бегущей строки в миллисекундах. Например: - scrolldelay="100" - scrolldelay="200" - scrolldelay="300"
loop="..." - задаёт число проходов текста бегущей строки. По умолчанию или при указании значения -1 (infinite) броузер будет прокручивать текст бесконечное число раз.
hspace="..." - Этот атрибут задает поле в пикселах справа и слева от бегущей строки. - hspace="10" - hspace="0"
vspace="..." - Этот атрибут задает отступ в пикселах выше и ниже бегущей строки. - hspace="0" - hspace="10"
Ниже приведен пример кода для бегущей строки размеро 50 пикселей в высоту и 250 пикселей в ширину. Определена бесконечная прокрутка текста, текст перемещается слева направо и имеет ярко-голубом фоне.
<marquee loop="infinite" behavior="altemate"
bgcolor="aqua" direction="right" height="50" width="250">
Пример берущей строки.
</marquee>
А так же можно добавить приведённый ниже код тогда бегущая строка будит реагировать на курсор мышки и останавливать движение при наведении на ее курсором.
Пример бегущей строки.
onMouseOver="this.scrollAmount=0"
onMouseOut="this.scrollAmount=3" |
Остановка при наведении курсора и пуск при убирании курсора. |
Пример |
<marquee behavior="scroll" scrollAmount="3" width="" height="" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3">текст бегущей строки или теги картинок</marquee> |
Источник: http://poslovici.okis.ru/ |