Наша библиотека
Презентация к уроку "Как создать бегущую строку в HTML"
[ Скачать с сервера (126.2 Kb)
]
| 2015-02-13, 11:48 AM |
Как сделать «Бегущую строку»
Бегущая строка в тексте документа является одним из легких способов оживить Web-страницу. Бегущие объекты всегда привлекают внимание, и пользователь обязательно прочтет что там написано. Так же бегущую строку можно применять, там где мало места. Но не следует злоупотреблять экономией места. Нужно помнить, что посетитель может просто не дождаться, когда в бегущей строке отобразится весь текст сообщения.
На самом деле можно сделать "бегущими" не только слова, но и любые другие элементы страницы - изображения (включая анимированные), таблицы, элементы форм и т.д. Причём перемещение объекта может быть как по горизонтали, так и по вертикали.
Можно использовать её в самых разных ситуациях :
в качестве информера для новостей, обновлений,
в качестве разделителей для текста,
в рекламных целях,
для визуального украшения и т.д.
Бегущая строка создаётся с помощью контейнера тэгов <marquee>...</marquee>
со следующими атрибутами:
width="..." - ширина бегущей строки в пикселях или процентах от ширины экрана.
height="..." - высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).
bgcolor="..." - определяет цвет фона бегущей строки.
behavior="..." задает тип движения (поведение) бегущей строки и имеет следующие значения:
scroll - циклическая прокрутка текста из одного конца в другой
slide - текст появляется с одного края и останавливается у другого.
alternate - текст перемещается от одного края к другому и обратно.
direction="..." - определяет направление движения бегущей строки.
Имеет следующие значения:
left - текст движется влево по строке
right - текст движется вправо по строке
up - вся строка перемещается снизу вверх
down - строка движется сверху вниз
scrollamount="..." - шаг перемещения в строке в пикселах, на который перемещается текст за заданный интервал времени. Например: scrollamount="1" (может принимать значение от 1 до 10)
scrolldelay="..." - Этот атрибут задаёт временной интервал между шагами бегущей строки в миллисекундах.
Например: scrolldelay=“100 “
loop="..." - задаёт число проходов текста бегущей строки. По умолчанию или при указании значения -1 (infinite) браузер будет прокручивать текст бесконечное число раз.
hspace="..." - Этот атрибут задает поле в пикселах справа и слева от бегущей строки. hspace="10" hspace="0"
vspace="..." - Этот атрибут задает отступ в пикселах выше и ниже бегущей строки. hspace="0" hspace="10"
|
Категория: Информатика | Добавил: Greenka
|
Просмотров: 994 | Загрузок: 48
|
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]