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

                       

ИНТЕРНЕТ / INTERNET

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



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

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

Просмотров: 38692

AAA + -




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

Знакомство с тегом <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
Автор:
Голосов: 18 Общая оценка: 4.3
Оцените эту статью:  
   Распечатать



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

сайте, строку, бегущую



Ошибка в тексте? Выдели ее мышкой! И нажми Ctrl+Enter.
05.02.2010 01:29 Робеот (rsnegov#
1

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


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






Первое истинное изображение Черной дыры


Samsung Galaxy Fold


Куриное яйцо из Instagram, которое собирает млн. лайков


iPhone XS и XS Max


Талисман ЧМ-2018 года по футболу - Забивака!


Логотип ЧМ-2018 по футболу

 
ЗнайКак в соцсетях:
    

 

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

Как определить лучшие косметические средства корейских производителей
Не так давно российские женщины смогли попробовать ...
Как продлить свежесть букета цветов в корзине
Корзина — чуть ли не самое практичное оформление ...
Как измерить окупаемость инвестиций (ROI) для SMM
С момента появления такого понятия, как социальные ...
Как делается анализ страницы сайта
Для того чтобы продвижение веб-ресурса давало ...
Как проверить работоспособность тормозной системы авто
Исправная система тормозов транспортного средства ...
Как пояснить высокий спрос на профессиональный клининг
Хорошо, когда квартира выглядит безупречной ...
Как купить наборы для вышивания крестом - розы
Наборы для вышивания крестом - розы - подходящий ...
Как организовать покупку квартиры на вторичном рынке Москвы
Стать владельцем собственной недвижимости в ...
Как и что модно носить этим летом, тенденции 2019
Лето – самая привлекательная пора для всех ...
Как алгоритм Google Panda влияет на ранжирование по поведенческим характеристикам
Немного о PandaАлгоритм действует уже почти четыре ...

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

Как принимать оплату пластиковыми картами на сайте
В начале хочу сразу обратить Ваше внимание на...
Как представить информацию в разделе «О нас»?
Казалось, совершенно пустяковый раздел, который оформляется в течение пяти ...
Как установить таблицу стилей на сайте
Использование стилей позволяет нам расширить возможности html-тегов ...
Как совершать покупки на сайте www.ebay.com
Покупка и продажа различный вещей при помощи сайта www.ebay.com ...
Как задержать посетителя на сайте
Владельцы сайтов поначалу очень трепетно относятся ...



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


ТЭГИ

Google Photoshop email анализ бесплатно блог браузер вашего веб ВКонтакте всем вывести вытащить дизайн добавить живые зависимость заработать защита знакомств имя интересные интернет интернет-магазин интернете красивый любой людей магазины место может общаться построить почта продать продвижение проект профиль развивался распознать рождался сайт сайта сайте сети сеть скорость смотреть создаются стали удалить управления услуги факты фотографии футбол хитрости через электронная этикет

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


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