Войти
Бегущая строка - настройка и оформление
05.08.2011 | Кат. Полезные заметки | 1873
Создание и вставка бегущих строк в 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" – движение текста вниз.

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


  • Платник своими руками. Руководство пользователя.

    Вступление. Данная тема предназначена для тех кто уже научился добывать трафф с доров и как минимум отбил курс. Конечно вы можете делать платники и без доров и пробовать раскручивать их "белым" способом или гнать трафф…

  • АВТОМАТИЧЕСКИЙ РЕСТАРТ MYSQL И APACHE ПРИ ПАДЕНИИ

    Иногда из-за нестабильности работы MySQL по тем или иным причинам, работа сайта может подвергаться опасности. Это неприятно сказывается на посещаемости, индексации поисковыми система и доставляет неудобство…

  • Новинки Электрооборудования для крановщиков

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

  • Половое созревание девочек

    У подавляющего большинства девочек период полового созревания начинается с 10 — 12-летнего возраста и приблизительно через 2 года после этого появляется менструация. У многих девочек, однако, половое созревание может…

  • Выдача микрозаймов.

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

  • Причины понижения позиций сайта в выдаче поисковых систем

    Причины понижения позиций сайта в выдаче поисковых систем — что надо учитывать, чтобы ваш сайт стоял на более высоких позициях в поисковых системах. Вот об этом и расскажем вам в этой статье.Оформление статейНаличие…

  • Цвет текста

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

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

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

  • Инструкция по настройке VPN соединения

    Попробуем разобраться с настройкой VPN соединения (интернет подключения). Давайте сначало узнаем что же такое VPN и для чего оно нужно. Три буквы VPN расшифровываются как Virtual Private Network – “виртуальная частная сеть”. Суть…

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

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


Комментарии

24 + 47 =