Суббота, 27.04.2024, 13:19

Приветствую Вас Гость | RSS

Главная » Статьи » ИНТЕРНЕТ

Как вставить вот такую бегущую строку

Как вставить вот такую бегущую строку

 

Пример бегущей строки.

в нужное место статьи или просто страницы Вам нужно вставить вот такой код

<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/

Интересующие Вас статьи:



Категория: ИНТЕРНЕТ | Добавил: Толян (06.11.2013) | Автор: Левченко Наталья Николаевна
Просмотров: 627 | Теги: бесконечная прокрутка, пример, бегущую строку, ставки на спорт, marquee | Рейтинг: 5.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]