Как в html сделать бегущую строку?

2 ноября 2014 г. Просмотров: 984 Инструкции
Веб-дизайнеры используют самые разные эффекты для украшения создаваемых ими страниц. Одним из таких эффектов является бегущая строка, привлекающая внимание пользователя и заставляющая его прочитать текст.
Создать сайт самостоятельно с Wix.com

Вам понадобится

  • - редактор html.

Инструкция

  • Для работы с языком HTML вам понадобится html-редактор, например, СuteHTML. Вы можете скачать его portable-версию, не требующую установки, по ссылке в конце статьи. Данный редактор обладает подсветкой синтаксиса и очень удобен для изучения основ HTML.
  • Откройте редактор и впишите между тегами и этот код: Я помню чудное мгновенье:Передо мной явилась ты,Как мимолетное виденье,Как гений чистой красоты.
  • Нажмите в редакторе кода значок View in browser (лупа на фоне земного шара). Откроется используемый по умолчанию браузер, вы увидите в бегущей строке стихи Пушкина. Теперь внимательно изучите приведенный пример. Тег marquee является тегом, создающим бегущую строку. Параметры height и width задают высоту и ширину поля строки, bgcolor определяет цвет фона, в данном случае он белый. Подставьте green вместо white, и фон строки станет зеленым. Поэкспериментируйте с цветом, шириной и высотой поля строки.
  • Вы можете задать дополнительные параметры движения строки с помощью параметра BEHAVIOR. Например, измените открывающий тег кода следующим образом:Запустите просмотр в редакторе – теперь текст будет двигаться от одной стороны поля строки к другой и обратно.
  • Вы можете задать направление движения бегущей строки с помощью параметраDIRECTION = "..", подставив в него следующие значения:left — строка движется влево. right — строка идет вправо. up — снизу вверх. down — сверху вниз.
  • Попробуйте изменить размер текста, заключив его в тег Текст . В этом примере размер текста равен 5. Также вы можете изменить и его цвет с помощью тега Текст. В этом примере текст будет красный.
  • Оцените статью!