Главная | Регистрация | Вход | RSSЧетверг, 03.07.2025, 06:44

НеПотеряйка

Меню сайта
Категории раздела
Программирование [29]
Книги [16]
Из личного [4]
Электронные таблицы [3]
Защита информации [1]
Шрифты [1]
Операционные системы [2]
Сетевые ресурсы [4]
Наш опрос
Что для Вас "МОДЕРНИЗАЦИЯ ОБРАЗОВАНИЯ"?
Всего ответов: 210
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Каталог файлов

Главная » Файлы » Источники » Программирование

Создание и вставка бегущей строки в HTML документе
[ ] 17.09.2011, 22:29

Создание и вставка бегущей строки в HTML документе

 

Бегущая строка в тексте документа является одним из легких способов оживить Web-страницу. Бегущие объекты всегда привлекают внимание, и пользователь обязательно прочтет что там написано. Так же бегущую строку можно применять, там где мало места. Но не следует злоупотреблять экономией места. Помните, что посетитель может просто не дождаться, когда в бегущей строке отобразится весь текст сообщения.

Бегущая строка создаётся с помощью контейнера тэгов <marquee>...</marquee> со следующими атрибутами:

  • width="..." - ширина бегущей строки в пикселях или процентах от ширины экрана.
  • height="..." - высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).
  • bgcolor="..." - определяет цвет фона бегущей строки.
  • behavior="..." задает тип движения (поведение) бегущей строки и имеет следующие значения:
    • scroll - циклическая прокрутка текста из одного конца в другой Бегущая строка
    • slide - текст появляется с одного края и останавливается у другого. Бегущая строка
    • alternate - текст перемещается от одного края к другому и обратно. Бегущая строка
  • direction="..." - определяет направление движения бегущей строки. Имеет следующие значения:
    • left - текст движется влево по строке Бегущая строка
    • right - текст движется вправо по строке Бегущая строка
    • up - вся строка перемещается снизу вверх Бегущая строка
    • down - строка движется сверху вниз Бегущая строка
  • scrollamount="..." - шаг перемещения в строке в пикселах, на который перемещается текст за заданный интервал времени. Например:
    Бегущая строка  - scrollamount="1"
    Бегущая строка  - scrollamount="2"
    Бегущая строка  - scrollamount="2"
  • scrolldelay="..." - Этот атрибут задаёт временной интервал между шагами бегущей строки в миллисекундах. Например:
    Бегущая строка  - scrolldelay="100"
    Бегущая строка  - scrolldelay="200"
    Бегущая строка  - scrolldelay="300"
  • loop="..." - задаёт число проходов текста бегущей строки. По умолчанию или при указании значения -1 (infinite) броузер будет прокручивать текст бесконечное число раз.
  • hspace="..." - Этот атрибут задает поле в пикселах справа и слева от бегущей строки.
    Бегущая строка  - hspace="10"
    Бегущая строка  - hspace="0"
  • vspace="..." - Этот атрибут задает отступ в пикселах выше и ниже бегущей строки.
    Бегущая строка  - hspace="0"
    Бегущая строка  - hspace="10"

Ниже приведен пример кода для бегущей строки размеро 50 пикселей в высоту и 250 пикселей в ширину. Определена бесконечная прокрутка текста, текст перемещается слева направо и имеет ярко-голубом фоне.

<marquee loop="infinite" behavior="altemate" 
 bgcolor="aqua" direction="right" height="50" width="250">
Пример берущей строки.
</marquee>

С сайта http://www.nine.net.ua/index.php/webdesinger/htmlcss/28-2010-01-28-01-03-40
Категория: Программирование | Добавил: i_elf
Просмотров: 1881 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа
Поиск по сайту
Google Scholar

Мои сайты
  • Создать сайт
  • Творческий учитель
  • Сайт ООАКМР
  • Школьный сайт
  • Информатика учебник (будет)
  • Математические основы информатики
  • РоЖдЕнИе ИдЕи
  • ВиРтУаЛьНыЙ мУзЕй
  • О тебе и обо мне

  • Copyright MyCorp © 2025
    Бесплатный хостинг uCoz