ИНТЕРНЕТ

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

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

Голосов: 10	Общая оценка: 4.6	Просмотров: 184
Оцените эту статью:

Распечатать

Отправить другу

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

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

Чтобы оставлять комментарии,
зарегистрируйтесь.

05:02:2010 01:29
Робеот (rsnegov)

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

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

Топ-10 статей

Последние комментарии

Рейтинг пользователей

Рейтинг авторов