  |
19 Июл 13 Примеры использования динамических фильтровОдновременное использование нескольких фильтров применительно к различным изображениям Сформулируем задачу следующим образом. В момент загрузки страницы начинают появляться три изображения с использованием разных эффектов, а через 3 с возникают еще три, также с использованием разных эффектов. В реальной ситуации, возможно, и не потребуется воспроизводить каждый рисунок со своим эффектом, но в данном примере важно показать, […] 18 Июл 13 Описание динамических фильтровРассмотрим виды динамических фильтров, а также примеры их применения. О Barn (motion=3Ha4eHne, orientation=3Ha4eHne, duration= значение) — создает эффект вертикальных (orientation= vertical) или горизонтальных (orientation=horizontal) задергивающихся (motion=in) ИЛИ раскрывающихся (motion=out) штор. Параметр duration предназначен для задания времени перехода в секундах из одного состояния изображения в другое и используется во всех динамических фильтрах. Пример применения фильтра для […] 18 Июл 13 Динамические фильтры (переходы)Динамические фильтры часто называют переходами. Такое наименование не случайно. С одной стороны, в документе они описываются аналогично статическим фильтрам, хотя и требуют для управления дополнительной программы на JavaScript (впрочем, управляющая программа нужна и для работы статического фильтра Light). С другой — результатом работы динамического фильтра является осуществление перехода с применением эффекта из одного состояния объекта […] 18 Июл 13 Статические фильтрыРассмотрим статические фильтры: О Shadow (со1ог=значение, direct1оп=значение, strength= значение) — применяется для создания тени. Параметром coior устанавливается цвет тени, direction — угол поворота тени в градусах, strength — глубина тени в пикселях; О DropShadow (со1ог=значение, of 1~х=значение, offy= значение, positive=3Ha4eHne) — применяется для создания отброшенной тени. Назначение параметра coior аналогично описанному выше, параметры offx и […] 17 Июл 13 Добавление статических и динамических эффектовДля создания различных эффектов путем воздействия как на отдельные элементы web-страницы, так и на всю страницу в целом предназначены фильтры. Фильтры разработаны компанией Microsoft и поддерживаются браузером MS Internet Explorer, начиная с версии 4.0. Для браузера MS Internet Explorer версии 5.5 был изменен не только синтаксис задания фильтров, но и принцип функционирования динамических фильтров, появились […] 17 Июл 13 Автоматическая компоновка страницы в зависимости от разрешения экранаРанее уже рассматривались различные способы компоновки уеЬ-страницы, в частности упоминалось о возможности гибкой компоновки, когда размер страницы и ее элементов задается в процентах от размеров окна браузера. Здесь мы рассмотрим возможность жесткой компоновки, при которой размеры элементов страницы и их координаты вычисляются относительно размера шрифта, заданного абсолютно. С целью адаптации внешнего вида страницы к различным […] 16 Июл 13 Вывод в строку состояния браузера бегущего текстаДля создания эффекта движения строки применяется искусственный прием, смысл которого заключается в следующем. Текст выводится в строку состояния многократно и перед каждым выводом смещается на один символ влево. Для работы с текстовыми строками будут использоваться свойство length и метод substr() объекта String. Текст документа приведен в листинге 8.26. Листинг 8.26. Пример создания бегущей строки в […] 16 Июл 13 Вывод текста в строку состояния браузераДля вывода текста в строку состояния браузера используются свойства status или defaultStatus объекта window: Window. status = "текст" — содержимое строки "текст" выводится в строку состояния; Window. defaultStatus = "текст" — строка "текст" выводится в строку состояния по умолчанию. Разница между этими свойствами станет более понятной после рассмотрения следующего примера (листинг 8.25). Листинг 8.25. Пример […] 15 Июл 13 Создание всплывающей анимированной подсказкиРассмотрим создание всплывающей анимированной подсказки на примере текста документа, представленного в листинге 8.24. Листинг 8.24. Создание всплывающей анимированной подсказки <html> <head> <t i 11е>Подсказка</1 i tle> </head> <script> Function str(txt) {pi. innerHTML="<marquee>"+txt+"</marquee>" pi. style. left=event. clientX pi. style. top=event. clientY pi. style. visibility="visible"} function nstr() {pi. style. visibility="hidden"} </script> <body> <pxb onmouseover=’str("Это подсказка")’ onmouse — […] 15 Июл 13 Обновление содержимого в зависимости от времени сутокВывод текущего времени осуществляется, как и в предыдущей программе, но при этом дополнительно выводится текст, который меняется в зависимости от времени суток. Сутки разделены на четыре временных интервала, принадлежность к которым текущего времени проверяется четырьмя операторами условного перехода. Очевидно, что текущее время может оказаться только в одном из интервалов, после чего переменной privet будет присвоено […] |