MENU

10:38
Бегущая строка в html - тег MARQUEE

Атрибуты тега MARQUEE.

direction=" " - атрибут устанавливающий направление скроллинга:
Значения:
left - движение справа налево (по умолчанию)
right - движение слева направо
up - движение снизу верх
down - движение сверху вниз
behavior=" " - атрибут устанавливающий тип скроллинга:
Значения:
scroll - скроллинг в одном из заданных направлений (по умолчанию)
slide - одноразовый скроллинг с остановом контента
alternate - возвратно-поступательный скроллинг

width=" " - устанавливает ширину блока для строки
height=" " - устанавливает высоту блока
hspace=" " - отступа в пикселях от вертикальных границ блока
vspace=" " - отступ в пикселях от горизонтальных границ блока

bgcolor=" " - атрибут устаналивающий параметр цвета фона скроллинга
style=" " - атрибут указывает стиль форматирования блока и контента
class=" " - атрибут внедрение стиля форматирования блока и контента

loop=" " - определяет количество циклов перемещения
"-1" или "infinite" - безконечное перемещение наполнения в блоке
"N" - целое число, задающее количество показов в блоке
bgcolor=" " - атрибут устаналивающий параметр цвета фона скроллинга
Атрибут scrollAmount - устанавливает скорость движения строки.

 



Готовые шаблоны бегущей строки, вставляйте только и изменяйте параметры.

 

Код

<marquee>простая строка - по умолчанию</marquee>

<marquee width="500px" height="20px">заданные размеры блока строки</marquee>

<marquee bgcolor="#00FF33" width="500px" height="20px">меняем фон блок</marquee>

<marquee direction="right" bgcolor="#00FF33" width="500px" height="20px">движение слева направо</marquee>

<marquee behavior="alternate" bgcolor="#00FF33" width="500px" height="20px" >постоянное движение</marquee>

<marquee direction="up" bgcolor="#00FF33" width="150px" height="50px">снизу вверх</marquee>

<marquee direction="down" bgcolor="#00FF33" width="150px" height="50px">сверху вниз</marquee>

<marquee behavior="alternate" direction="right" scrollAmount="1" bgcolor="#00FF33" width="500px" height="20px">меняем скорость на маленькую</marquee>

<marquee direction="down" behavior="alternate" scrollAmount="1" bgcolor="#00FF33" width="300px" height="50px">медленное движение текста снизу вверх и наоборот </marquee>

<marquee behavior="alternate" direction="right" scrollAmount="1" bgcolor="#00FF33" width="500px" height="20px">строка со ссылкой на <a href="адрес сайта"rel=nofollow" title="сайт с примерами">сайт с примерами</a></marquee>

<marquee direction="right" scrollAmount="4" bgcolor="#00FF33" width="500px" height="100px"><img src="адрес рисунка" alt="бегущая строка с изображением"</marquee>

Категория: html | Просмотров: 463 | Добавил: antina | Теги: HTML, бегущая строка, Создание сайта | Рейтинг: 0.0/0
Всего комментариев: 0
avatar