• Автор:

    Flesha
  • Добавлено:

    май 29, 2012
  • Комментариев:

    0
  • Просмотров:

    132

Как сделать на сайте бегущую строку

Каждый владелец сайта старается сделать свой проект еще привлекательнее, информативнее, удобнее и функциональнее. Поэтому нередко принимается решение создать на ресурсе бегущую строку. На ней, как правило, размещаются анонсы на новые материалы, но также нередко ее используют в виде рекламного инструмента, то есть в блок со строкой помещают различные объявления от партнеров, которые, скажем, предлагают купить шапки оптом, починить компьютеры и так далее.

Для того, чтобы сделать ее, следует использовать HTML-код. Его созданием необходимо заниматься самостоятельно. Для этого можно использовать тег языка HTML – marquee, в состав которого входит открывающая и закрывающая части. В первой указывается дополнительная информация. В роле нее выступают служебные данные, сообщающие браузерам, каким размером и шрифтом необходимо отображать строку, какое у нее должно быть движение, размеры окна, фон и так далее.

Между обоими тегами потребуется обязательно поместить текст. Его также нужно составлять отдельно. В результате созданный код должен иметь приблизительно такой вид:

<marquee scrollamount="1" width="1200" height="25">

scrollamont - скорость

В таком HTML указывается высота и ширина блока в пикселях (width и height) и прокручиваемая информация. Для того, чтобы задать направление ее перемещения, следует использовать атрибут direction, которому потребуется присвоить одно из четырех значений – right, left, up, down.

Следует учитывать, что по умолчанию информация, помещенная в бегущую строку, «закольцована», то есть по завершению прокрутки она будет вновь и вновь начинаться сначала. Но если использовать атрибут behavior alternate, тогда текст, дойдя до границы окна, станет изменять направление на противоположное. В результате он будет бесконечно отскакивать от верхней и нижней или левой и правой сторон.
Вернуться
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.