Войти
Бегущая строка - настройка и оформление
05.08.2011 | Кат. Полезные заметки | 1826
Создание и вставка бегущих строк в HTML документ

Бегущую строку можно применять, там где мало места. Например на главной (ну
и других) страницах сайта, для анонсирования новостей или ещё чего
подобного.

Бегущая строка создаётся с помощью тэгов <\marquee> и <\/marquee>. Достаточно всего на
всего написать какой ни будь текст между этими тэгами и он при просмотре в
браузере будет двигаться (прокручиваться) в левую сторону.

<\marquee>Здесь текст бегущей строки<\/marquee>

Естественно тэг <marquee>, как и большинство других HTML тэгов имеет специальные
атрибуты, в которых можно задать нужные свойства.

Вот пример кода бегущей строки с использованием некоторых атрибутов:

<\marquee scrollamount="1" scrolldelay="20" width="200" height="17" bgcolor="#E9E9D1" behavior="scroll" direction="left">Бегущая строка<\/marquee>

Бегущая строка

scrollamount="1" – скорость движения строки. (Рекомендуется ставить скорость "1", в
этом случае строка выглядит более удобочитаемо и не дёргается)

scrolldelay="20" – Этот атрибут задаёт временной интервал между шагами бегущей
строки.


width="200" – ширина бегущей строки в пикселях.

height="17" – высота бегущей строки. (Если вы делаете бегущую строку в одну
строчку, то можно высоту не указывать, она сама подбирается под размер букв).


bgcolor="#E9E9D1" – Задаёт фоновый цвет бегущей строки. (Вместо E9E9D1 подставляете
свой цвет).

direction="left" – Задаёт направление движения бегущей строки. В данном случае это
"left" в лево. Но также может применять значения "right" вправо, "up" вверх, "down" вниз.


Т.е. вот пример разных направлений движения:
direction="right" – движение текста вправо.

Строка
direction="up" – движение текста в верх.


Строка

direction="down" – движение текста вниз.

Для правельной работы кода необходимо убрать касую \ в значениях <\>


  • Ну, погоди!

    ПерсонажиОзвучиваниеВолк1-18 выпуски - Анатолий Папанов19-20 выпуски - Игорь Христенко1-3 «телевыпуски» — Валерий ФерапонтовЗаяц1-18 выпуски - Кларa Румяновa19-20 выпуски - Ольга ЗвереваГлавные персонажиВолкВолк…

  • Если у вас динамический IP

    Этот сервис позволяет обратиться к вашему серверу не по IP адресу, а по его имени, которое (как я надеюсь вам известно) преобразуется в IP адрес через обращение к DNS серверам. Таким образом DNS имя остается постоянным, а IP…

  • Шторы или жалюзи? Лучшие идеи для украшения окна!

    Задача шторами или жалюзями не ограничивается, чтобы затемнить комнату или затенить блики солнечного света, падающего в интерьер вашей комнаты. Они также часто выполняют функцию теплоизоляции и предотвращения…

  • Цвет текста

    А можно ли сделать текст цветным? Да ради бога! Для этого существует атрибут <color>. Вот с этим колером мы сейчас и поработаем. Вообще, цвета можно задавать двумя разными способами. Первый - можно использовать словесное…

  • Автоматический кросспостинг в Twitter с RSS Лент

    Сейчас стало нормой размещать анонсы новых статей в твиттере, вконтакте, и друних социальных сетях. Причины у всех разные, но даже такой гигант, как vesti.ru завел микроблог.Кросспостинг с помощью  http://feedburner.google.com Для…

  • Выбираем душевую кабину

    При нынешних темпах развития человечества многим из нас приходится вести очень активный образ жизни. Поездки в тесном общественном транспорте, беготня по магазинам, жаркие рабочие помещения, занятия спортом. Все это…

  • Вы ещё сомневаетесь - нужен ли лимузин на свадьбу

    Вы стоите перед нелегким выбором автомобиля не свадьбу? Нет ничего красивее, чем прекрасно оформленный лимузин на свадьбе. Причем то, как украсить его, Вы выбираете сами. На Ваш выбор представляются дизайнерские…

  • Фотошоп онлайн

    Внимание! Если у Вас вместо редактора грузится только серый фон, то Вам необходимо установить Flash…

  • Как очистить клавиатуру и мышь от грязи

    Клавиатура легко пачкается, но гораздо сложнее в уходе. Часто мы не понимаем, как много грязи может скрываться под клавишами. Но теперь вы легко сможете избавиться от этого. Клавиатура и мышь являются наиболее…

  • Перенаправление на другую страницу

    средствами HTML:meta http-equiv="refresh" content="15; url=http://megastar.pp.ua/"параметры: content - время, в секундах, через которое произойдёт переходurl - адрес, на который произойдёт переходтекст необходимо взять в скобки <>средствами…


Комментарии

50 + 26 =