На сегодняшний день «бегущая строка» - это весьма редко используемый
элемент. Основная причина, по которой ее стали меньше использовать, - «она
утомляет посетителей своим однообразием и отвлекает от основного содержания
страницы», - так говорит большинство вебмастеров, создающих сайты «по правилам».
Однако если вы желаете ее внедрить в HTML-код своей страницы, то для этого нет
никаких ограничений, так как любой современный интернет-браузер вполне
корректно обрабатывает любую бегущую строку, а что касается мнения некоторых
вебмастеров, то вспомните закон Паре-то, согласно которому всюду правит
правило «соотношения 80 к 20». Таким образом, среди всех сайтов интернета 80%
сайтов созданы «по правилам» и лишь 20% «не по правилам». Лишь 20% сайтов,
созданных «по правилам», имеют успех, а остальные 80% - ждут его. 80% сайтов, созданных не «по правилам», также стали успешными и
лишь 20% обречены на полный провал. Те читатели, кто быстро считает в уме,
уже, вероятно, вычислили, что из каждой тысячи сайтов успех имеют 160 сайтов,
созданных «по правилам», и 160 сайтов, созданных не «по правилам». Делаем
выводы и приступаем знакомиться с технологией внедрения бегущей строки в HTML-код веб-страницы.
Бегущую строку создает парный тег <marquee> </marquee>. Все, что вы напишете между этими
двумя тегами, будет отображено в бегущей строке. Разумеется, стиль отображения
текста в ней подчиняется параметрам вышестоящего уровня. То есть, если вы
размещаете ее в самом начале страницы, то текст будет отображен тем шрифтом,
размером и цветом, что были указаны в теге <body>. Если же внутри какого-либо параграфа
- то все стили параграфа будут наследованы и бегущей строкой.
Однако есть у нее и свои собственные параметры настройки:
Параметр DIRECTION= управляет стилем направления движения
бегущей строки. Данный параметр может принимать четыре значения:
down - и тогда ваша строка будет перемещаться сверху вниз (удобный
вариант, есть у вас имеется текстовая строка во всю ширину экрана);
left - движение строки справа налево (оно же устанавливается по
умолчанию, если вы параметр DIRECTION= вообще не укажете);
right - задаст путь бегущей строке двигаться слева направо. Не следует
при данном значении писать длинные строки. Этот вариант идеально подойдет для
коротких (одно-двухсловных) фраз, написанных немелким шрифтом.
up - при таком значении параметра DIRECTION= строка
будет направляться снизу вверх. Если «движение строки» сверху вниз больше
подходит для текста длиной в ширину экрана, но не более, то значение =ир будет
идеальным вариантом для предложений (или даже абзацев) длиной более чем ширина
экрана. Данное воспроизведение будет чем-то напоминать автоматический
скроллинг текста.
Параметр BEHAVIOR= также определяет стиль движения бегущей
строки. Его значения дадут следующий результат:
alternate - при таком значении строка начнет двигаться от правого края
страницы к левому, дойдя до него оттолкнется и вновь пойдет к правому краю, а
оттолкнувшись от правого - опять к левому и так до бесконечности. Рекомендую
данный способ также только для одно-двухсловных фраз, но не более;
scroll - задает стандартное движение строки справа налево (оно же будет
установлено по умолчанию, если вы не укажете параметр BEHAVIOR= вообще);
slide - в этом случае строка, дойдя от правого края страницы до левого
(один раз), остановится и останется к нему «приклеенной» до конца просмотра
страницы.
Параметр WIDTH=»...» служит для задания ширины поля бегущей
строки (по умолчанию строке «предоставляется» вся ширина страницы). Значение
данного параметра можно указывать как в пикселях,
так и в процентном соотношении от общей ширины видимой части страницы.
HEIGHT=»...» (высота) -
это параметр отодвигает нижнюю границу поля бегущей строки вниз. Значение
можно выставлять так же как и у предыдущего параметра - в пикселях и процентах
от видимой части страницы.
Есть у бегущей строки и параметр BGCOLOR=»...», выделяющий цветом поле («дорожку») вашей строки. Таким образом
можно замечательно отделить («выделить») бегущую строку от другого содержимого
веб-страницы.
Параметр HSPACE=»...(px. или %)» предназначен для указания
бегущей строке горизонтального отступа от краев страницы(как правого, так и
левого). Одним словом, помещает текстовое поле строки в центр страницы.
HSPACE=»...(px. или %)» - аналогичный
параметр, но этот задает бегущей строке вертикальный отступ от содержимого
страницы. В отличие от параметра HEIGHT=»...» работает и с верхним и с нижним отступом одновременно.
LOOP=»...» - здесь
можете указать количество циклов прохода бегущей строки (по умолчанию строка
будет бегать бесконечно).
Параметры SCROLLAMOUNT=»...» и SCROLLDELAY=»...» пригодятся для настройки скорости
«пробега» бегущей строки, в первом из них указывается количество пикселей, а
во втором время, спустя которое текст на экране будет перерисован заново.
Таким образом вы видите, что параметров для настройки у бегущей строки
более чем предостаточно. Всеми вышеперечисленными их перечень не исчерпывается,
так что можно методом различных экспериментов добиться такого воспроизведения
бегущей строки, что она превратится в настоящее украшение любой веб-страницы.
Бегущей строке помимо вышеназванного можно также присваивать и классы, и ID, и назначать собственные стили, а это в
свою очередь еще гора возможностей настройки.
Николай
ГРУШИН.
|