КАК ВЫБРАТЬ ДОМ И СЕМЬЯ АВТО-МОТО БИЗНЕС И РАБОТА РАЗВЛЕЧЕНИЕ ЛЮБОВЬ КАК СДЕЛАТЬ
КОМПЬЮТЕР ИНТЕРНЕТ РАЗНОЕ СПОРТ ДЕТКИ Podcasts Video

ИНТЕРНЕТ

Если параллельный мир существует, то это наверняка всемирная паутина!

Поиск по сайту


01.06.2009

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

Вернуться к списку статей


Возможно, Вам уже приходилось видеть на сайтах бегущие строки текста. Из этой статьи вы узнаете, как создать бегущую строку текста на веб-странице, а также на реальных примерах научитесь применять разные параметры бегущей строки текста. Что ж, приступим!

Знакомство с тегом <marquee>

Бегущая строка в html-документе создается тегом <marquee>, который имеет такие параметры, как ширина поля текста, высота и фоновый цвет. Рассмотрим это на примере.

Пример 1. Создадим бегущую строку с текстом «Это моя первая бегущая строка» шириной в 500 пикселей, высотой – 25, фоновым цветом – белым.
Вот так будет выглядеть html-код этой бегущей строки:

<marquee height="25" width="500" bgcolor="white">
Это моя первая бегущая строка
</marquee> 

Размещаем этот код между тегами <body> и </body> и получаем полный html-код веб-страницы:

<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25" width="500" bgcolor="white">
Это моя первая бегущая строка
</marquee>
</body>
</html>




Пример 2. Создадим бегущую строку с текстом «Это моя вторая бегущая строка» с теми же параметрами, что и в предыдущем примере.

<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25" width="500" bgcolor="white">
Это моя вторая бегущая строка
</marquee>
</body>
</html>




Пример 3. Создадим бегущую строку с текстом «Это моя новая бегущая строка», с красным фоновым цветом.

<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25" width="500" bgcolor="red">
Это моя новая бегущая строка
</marquee>
</body>
</html>




Попробуйте создать что-то подобное сами, изменив цвет фона или размеры поля.
Удачи!

Источник: znaikak.ru
Автор: webandrik
Голосов: 5 Общая оценка: 4.2 Просмотров: 153
Оцените эту статью:  
   Распечатать
Отправить другу


Ключевые слова:

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



Чтобы оставлять комментарии,
зарегистрируйтесь.
05:02:2010 01:29
Робеот (rsnegov

Есть вопрос- а как к бегущей строке подключить кошелек, для оплаты за рекламу на сайте?
Клиент должен сам ввести текст рекламы после оплаты.Можно ли это сделать на обычном
HTML сайте( без движка).Спасибо!


Для того , чтобы оставить комментарий, необходимо зарегистрироваться на сайте.
Если уже зарегистрировались, то введите логин и пароль и войдите.

Вход для пользователей


Регистрация   Забыли пароль?
Запомнить

ВОПРОСЫ - ОТВЕТЫ


 
Часы и аксессуары в AllTime.ru

Стильные женские часики

Аксессуары для женщин

Богатый выбор мужских часов

Аксессуары для мужчин
 

Статьи сегодня:

  1. Как запланировать и посетить Латвию? (0)
  2. Как выбрать для ребенка развивающие игрушки? (0)
  3. Как избавиться от плесени на стенах? (0)
  4. Как выбрать удобную для себя коробку передач в авто? (0)
  5. Как получить биометрический загранпаспорт (0)
  6. Как выбрать персональный коммуникатор? (0)
  7. Как выбрать кофемолку для любителей кофе? (0)
  8. Как выбрать эпилятор для себя? (0)
  9. Как вывести деньги из WebMoney. Аттестаты. (2)
  10. Как выбрать самые удачные подарки к 8 Марта? (0)

Смотрите также:

  1. Как делать игрушки из папье-маше (0)
  2. Как оставаться молодой и красивой (0)
  3. Как оставаться красивой зимой (0)
  4. Как оставаться красивой, или 8 вещей, которые делать нельзя (1)
  5. Как стать красивой (0)
  6. Как делать гимнастику и самомассаж работникам «сидячих» и «стоячих» профессий (0)



Система Orphus


Поздрайв.ру - поздравления на каждый праздник


Тэги

Не нашли ответа?
Спросите нас, как…


Письма читаем регулярно,
ищите ответы в соответствующей рубрике.


Голосование



архив голосований

Эффективные рольставни с электроприводом.


Хотите программа winrar? Идите на Goldsoftware.ru
3PL-оператор <Компания по доставке> предлагает: услуги по хранению товара, склады складские услуги высокого качества.



Гаражи и машиноместа в Москве поможем продать и купить гараж, машиноместа в Москве поиск на сайте. | Услуги по эксплуатации зданий, управление недвижимости, уборке помещений выполнит сертифицированная организация "Жилэксплуатация". | Компания СтройВентМонтаж предлагает монтаж кондиционеров, осуществляем обслуживание кондиционеров, заключаем договора с предприятиями. | интернет-магазин строительных материалов фанера фк, фанера, фанера фсф ламинированная фанера и стройматериалы в Москве