Пример

Профиль

Гость
Логин:
Пароль:

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

ICQ - Бот

- 569243131
Наш ICQ - Бот it-x7.do.am
Множество интересных возможностей
Справка - ??
Список команд - !help, help, ?
Проф. команды - prof

Категории раздела

Облако софта

Хочешь себе такой блок?

Наш опрос

Оцените мой сайт
Всего ответов: 79

Поиск

Статистика

Зарег. на сайте

Всего: 7056
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0


Статистика материалов

Новостей: 259
Статей: 54
Файлов: 15
Фото: 70
Форум: 35/184
Коментариев: 1153



Онлайн всего: 1
Гостей: 1
Пользователей: 0

Друзья сайта

Главная » Статьи » Интернет » Интернет all-in


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

На сегодняшний день «бегущая строка» - это весьма редко исполь­зуемый элемент. Основная причина, по которой ее стали меньше исполь­зовать, - «она утомляет посетителей своим однообразием и отвлекает от основного содержания страницы»,

- так говорит большинство веб­мастеров, создающих сайты «по правилам».

Однако если вы желаете ее внед­рить в 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, и назначать собственные стили, а это в свою очередь еще гора возможностей настройки.

Николай ГРУШИН.
Категория: Интернет all-in | Добавил: Godrik (03.10.2009) | Автор: Андреев Родион
Просмотров: 456 | Теги: HTML-код, параметры, значение, параметр, строка, marquee, Сайты, страница, бежать, бегущая строка | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
it-x7.do.am © 2010; Все права защищены;
Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
Сайт управляется системой uCoz