Как сделать бегущую строку для вашего веб-сайта
Также известные как бегущие строки, бегущие строки прокручиваются по ширине экрана просмотра, представляя сообщения, предназначенные для просмотра и понимания с первого взгляда. Обычно используемые на телевидении для отображения основных новостей или данных фондового рынка, бегущие строки иногда появляются и в Интернете. С помощью нескольких строк кода HTML и каскадной таблицы стилей (CSS) вы можете быстро добавить этот тип контента на свой веб-сайт.
Шаг 1
Откройте свою веб-страницу и просмотрите ее HTML-код. Если вы используете инструмент визуального редактирования, такой как Adobe Dreamweaver, откройте страницу и щелкните область, в которую вы хотите добавить бегущую строку. Измените режим просмотра на «Просмотр кода». Это показывает вам код HTML, который управляет внешним видом вашей страницы. Если вы используете текстовый редактор, откройте свою страницу в редакторе и прокрутите вниз до той части страницы, где вы хотите добавить бегущую строку.
Шаг 2
Нажмите клавишу «Ввод», чтобы вставить пустую строку.
Шаг 3
Скопируйте и вставьте следующий код в пустую строку:
Этот код определяет элемент выделения, который по умолчанию перемещает содержимое по экрану справа налево. Содержимым в этом примере является абзац, заключенный между открывающим и закрывающим тегами выделения.
Шаг 4
Обновите параметры кода в соответствии с потребностями вашего дизайна. Открывающий тег marquee использует правила стиля CSS для определения светло-серого цвета фона вместе с рамкой шириной в 1 пиксель чуть более темного серого цвета. Все эти значения можно регулировать. Кроме того, замените содержимое заполнителя, расположенное между открывающим и закрывающим тегами абзаца, собственным текстом или изображениями.
Шаг 5
Сохраните свою страницу и откройте ее в веб-браузере. Бегущая строка появится на экране в том месте страницы, которое вы выбрали на шаге 1.