В этом разделе автор рассказывает о более специальных тегах в коде HTML, которые могут сделать текст на веб -страницах прокручивать и контролировать свои свойства прокрутки.
Сделайте прокрутку текста
Благодаря предыдущему исследованию этой главы, читатели уже могут хорошо контролировать различные тексты абзацев, но независимо от того, как они установлены, текст статичен. В этом разделе автор рассказывает о более специальных тегах в коде HTML, которые могут сделать текст на веб -страницах прокручивать и контролировать свои свойства прокрутки.
4.3.1 Установите текстовую прокруткаСпособ прокрутки текста в технологии HTML состоит в том, чтобы использовать двойные теги <marquee> </marquee>. В HTML -коде текст в области функции может быть прокрут, а по умолчанию будет прокручивать справа налево, цикл. Создайте файл веб -страницы в каталоге d:/ web/ web/ atamed mar.htm, и напишите код, как показано в коде 4.15.
Код 4.15 Настройки текстовой прокрутки: Mar.htm
<html>
<голова>
<Tilt> Настройки для прокрутки текста </title>
</head>
<тело>
<font size = 5 color =#cc0000>
Пример прокрутки текста (по умолчанию): <Marquee> Будьте добры, чтобы быть человеком </marquee>
</font>
</body>
</html>
Введите http: //localhost/mar.htm в адресной панели браузера, и эффект просмотра показан на рисунке 4.15.
Рисунок 4.15 Установите форму прокрутки текста по умолчанию
Из рисунка 4.15, когда ширина не установлена, тег <marquee> </marquee> является эксклюзивным для одной строки.
4.3.2 Установите направление текстового прокруткиАтрибут направления тега <Marquee> </marquee> используется для установки направления прокрутки контента. Значения атрибута включают в себя левую, правую, вверх и вниз, которые представляют собой слева, справа, вверх и вниз, соответственно. Например, следующий код:
<marquee direction = слева> быть добрым, чтобы быть человеком </marquee>
<marquee direction = справа> быть добрым, чтобы быть человеком </marquee>
<marquee direction = up> быть добрым, чтобы быть человеком </marquee>
<marquee direction = down> быть добрым, чтобы быть человеком </marquee>
4.3.3 Установите скорость и форму прокрутки текстаУстановите прокрутку текста, чтобы использовать тег <marquee> </marquee>, и его атрибуты описаны следующим образом.
- Свойство прокрутки тега <Marquee> </marquee> используется для установки скорости прокрутки контента.
- Свойство поведения тега <marquee> </marquee> используется для установки метода прокрутки контента. По умолчанию прокрутка, то есть зацикливание. Когда его значение станет альтернативным, контент будет переходить вперед и назад. Когда его значение будет скользким, контент остановит прокрутку один раз и не будет зацикливаться. Существует также свойство петли, которое устанавливает количество циклов прокрутки, которые по умолчанию не имеют предела.
- Свойство Scrolldelay тега <marquee> </marquee> используется для установки интервала времени для прокрутки контента.
- Свойство BGCOLOR тега <Marquee> </marquee> используется для установки цвета фона прокрутки содержимого (аналогично настройке цвета фона тела).
- Свойство ширины тега <Marquee> </marquee> используется для установки ширины фона прокрутки контента.
- Атрибут высоты тега <marquee> </marquee> используется для установки высоты фона прокрутки контента.
Измените файл веб -страницы Mar.htm и напишите код, как показано в коде 4.16.
Код 4.16 Настройки текстовой прокрутки: Mar.htm
<html>
<голова>
<Tilt> Настройки для прокрутки текста </title>
</head>
<тело>
<font size = 3 color =#cc0000>
Пример прокрутки текста (по умолчанию): <Marquee> Будьте добры, чтобы быть человеком </marquee>
Пример прокрутки текста (вправо): <Marquee Direction = Right Scrolldelay = 500> Будьте добры, чтобы быть человеком </marquee>
Пример прокрутки текста (вниз, метод прокрутки - скольжение, скорость 10): <Marquee Scrollamount = 10 поведение = Slide> Будьте добры, чтобы быть человеком </marquee>
Пример прокрутки текста (направление по умолчанию, метод прокрутки является альтернативным, цикл 3 раза, скорость 2): <marquee scrollamount = 2 поведение = альтернативный цикл = 3> быть добрым, чтобы быть человеком </marquee>
Пример прокрутки текста (вверх, цвет фона - #ccff66, установить ширину фона и высота): <marquee direction = up bgcolor = #ccff66 width = 250 высот = 55> быть добрым, чтобы быть человеком </marquee>
</font>
</body>
</html>
Введите http: //localhost/mar.htm в адресной строке браузера, и эффект просмотра показан на рисунке 4.16.
Рисунок 4.16 Различные формы прокрутки текста
Многочисленные атрибуты <marquee> </marquee> могут быть очень удобными для создания текста прокрутки. В последующем обучении JavaScript читатели будут продолжать углубить динамическое поведение, изучение тегов <Marquee> </marquee>.