Примеры использования динамических фильтров
Одновременное использование нескольких фильтров применительно к различным изображениям Сформулируем задачу следующим образом. В момент загрузки страницы начинают появляться три изображения с использованием разных эффектов, а через 3 с возникают еще …
Описание динамических фильтров
Рассмотрим виды динамических фильтров, а также примеры их применения. О Barn (motion=3Ha4eHne, orientation=3Ha4eHne, duration= значение) — создает эффект вертикальных (orientation= vertical) или горизонтальных (orientation=horizontal) задергивающихся (motion=in) ИЛИ раскрывающихся (motion=out) штор. …
Динамические фильтры (переходы)
Динамические фильтры часто называют переходами. Такое наименование не случайно. С одной стороны, в документе они описываются аналогично статическим фильтрам, хотя и требуют для управления дополнительной программы на JavaScript (впрочем, управляющая …
Статические фильтры
Рассмотрим статические фильтры: О Shadow (со1ог=значение, direct1оп=значение, strength= значение) — применяется для создания тени. Параметром coior устанавливается цвет тени, direction — угол поворота тени в градусах, strength — глубина тени …
Добавление статических и динамических эффектов
Для создания различных эффектов путем воздействия как на отдельные элементы web-страницы, так и на всю страницу в целом предназначены фильтры. Фильтры разработаны компанией Microsoft и поддерживаются браузером MS Internet Explorer, …
Автоматическая компоновка страницы в зависимости от разрешения экрана
Ранее уже рассматривались различные способы компоновки уеЬ-страницы, в частности упоминалось о возможности гибкой компоновки, когда размер страницы и ее элементов задается в процентах от размеров окна браузера. Здесь мы рассмотрим …
Вывод в строку состояния браузера бегущего текста
Для создания эффекта движения строки применяется искусственный прием, смысл которого заключается в следующем. Текст выводится в строку состояния многократно и перед каждым выводом смещается на один символ влево. Для работы …
Вывод текста в строку состояния браузера
Для вывода текста в строку состояния браузера используются свойства status или defaultStatus объекта window: Window. status = "текст" — содержимое строки "текст" выводится в строку состояния; Window. defaultStatus = "текст" …
Создание всплывающей анимированной подсказки
Рассмотрим создание всплывающей анимированной подсказки на примере текста документа, представленного в листинге 8.24. Листинг 8.24. Создание всплывающей анимированной подсказки <html> <head> <t i 11е>Подсказка</1 i tle> </head> <script> Function str(txt) …
Обновление содержимого в зависимости от времени суток
Вывод текущего времени осуществляется, как и в предыдущей программе, но при этом дополнительно выводится текст, который меняется в зависимости от времени суток. Сутки разделены на четыре временных интервала, принадлежность к …
Электронные часы
По конечному результату программа подобна предыдущей, но ее текст содержит существенные отличия (листинг 8.22). Листинг 8.22. Пример создания "электронных часов" <html> <head> <title>flaTa и BpeMH</title> <script> function vr() {dat_vrem=new Date …
Электронный календарь
Рассмотрим пример создания документа, представляющего собой "электронный календарь". Текст документа представлен в листинге 8.21. Листинг 8.21. Пример создания "электронного календаря" <html> <head> <t i 11е>Календарь </1 i tle> <script> Dn_ned=new …
Понятие массива
Массив относится к числу классических понятий программирования. Массивом называется множество переменных, имеющих одинаковое имя, относящихся к одному типу данных и отличающихся индексом (номером), который записывается в квадратных скобках после имени. …
Дата и время в HTML-документах
Для работы с датой и временем предназначен объект Date. Объект Date относится к числу встроенных объектов. Такие объекты имеют две особенности. Первая заключается в том, что они существуют независимо от …
Поиск информации на странице
Если страница имеет достаточно большие размеры, то в ней можно предусмотреть поиск группы слов, отдельного слова и даже части слова. Для этого на странице нужно расположить элементы формы — тестовую …
Компактное меню
Особенностью этого меню является то, что для его размещения на странице требуется меньше места, чем в предыдущих случаях. Это объясняется тем, что контейнер со списком пунктов позиционируется абсолютно и накладывается …
Вертикальное меню
Внешний вид вертикального меню показан на рис. 8.11. Рис 8.11. Внешний вид вертикального раскрывающегося меню в окне браузера Кроме вертикального расположения разделов, особенность меню заключается в том, что раскрытие пунктов …
Горизонтальное меню
Внешний вид горизонтального меню, которое нам предстоит создать, показан на рис. 8.10. Рис 8.10. Внешний вид в окне браузера горизонтального раскрывающегося меню Список пунктов раскрывается после щелчка по рисунку с …
Создание раскрывающегося графического меню
В качестве разделов и пунктов меню будем использовать графические изображения, которые должны быть заранее подготовлены в графическом редакторе (см. раздел 3.4.14). Следует отметить, что вместо изображений можно использовать и обычный …
Перетаскивание объектов
В этом разделе будет решаться следующая задача. На странице находится несколько элементов, позиционированных абсолютно. Это, в частности, могут быть рисунки или текстовые блоки. Требуется написать программу, которая позволит после нажатия …
Окно браузера как объект программирования
До сих пор в качестве объектов в наших программах фигурировали метки HTML. Однако возможности языка JavaScript гораздо шире. В частности, объектом программирования может являться окно браузера (объект window). Объект имеет …
Оператор условного перехода
Оператор условного перехода является одним из важнейших операторов не только языка JavaScript, но и многих других языков программирования. Оператор позволяет на определенном этапе работы программы осуществить анализ возникшей к этому …
Подпрограммы-функции с параметрами
Эффективность применения механизма параметров рассмотрим на конкретном примере. В документе расположим таблицу, содержащую одну строку и три столбца. В каждую ячейку таблицы поместим определенный текст. При перемещении указателя мыши в …
Основные понятия объектного программирования
Язык программирования JavaScript относится к языкам объектного программирования. Основными понятиями таких языков являются: объект, свойство и метод. Программный объект должен иметь уникальное имя, он может обладать определенными свойствами, которые в …
Локальные и глобальные переменные
Локальной называется переменная, которая доступна только в той функции, в которой она объявлена. Изменение значений локальной переменной не повлечет за собой изменение значений переменных с такими же именами в других …
Подпрограммы-функции
Подпрограммой называется часть программы, оформленная специальным образом и выполняемая только после вызова ее из любого места программы (или из другой подпрограммы), а также при выполнении каких-либо действий с объектами браузера …
Выражения
Выражение — совокупность переменных и литералов, соединенных знаками операций, в результате выполнения которых получается единственное результирующее значение. В программах на JavaScript можно использовать арифметические выражения, логические выражения, выражения сравнения и …
Литералы и переменные. Оператор присваивания
Конкретные строки символов, числа и логические значения называются литералами или константами. Примеры литералов: 367, 5. 39Е-5, 0631, 0X3DF — ЧИСЛОВЫе ЛИТерЭЛЫ, "Русский му^ зей" — строковый литерал; true, faise — …
Типы данных
Любая программа предназначена для обработки данных. Программы на JavaScript позволяют обрабатывать данные следующих простых типов: □ Строки символов. Могут содержать любые буквы, цифры и другие символы, которые заключаются в кавычки …
Структура и размещение программы
Текст программы размещается в HTML-документе с помощью метки-контейнера <script>...</script>. Операторы языка JavaScript могут размещаться внутри метки-контейнера как на разных строчках, так и на одной строке. При расположении операторов на одной …
Создание динамических страниц
Динамические страницы изменяют свой внешний вид в зависимости от определенных обстоятельств (времени суток, разрешения экрана монитора) или действий пользователя (например манипуляций мышью). Для изменения внешнего вида страниц используются программы-сценарии. В …
Работа со слоями
Как уже отмечалось, категория Positioning (Позиционирование) диалогового окна CSS Style definition for (Определение CSS сти- Вид блока с рисунком 150 х 100 рх в окне браузера приведен на рис. 7.24. …
Лей") программа напоминает о наличии типовых стилей, к которым можно обратиться, щелкнув по гиперссылке. Применение стиля форматирования или отказ от его применения
Для применения стиля к целому абзацу курсор должен быть установлен в любом месте абзаца. Если требуется применить стиль к определенной части абзаца или одновременно к нескольким абзацам, то они предварительно …
Присоединение внешней таблицы стилей
Если каскадная таблица стилей была сохранена в виде отдельного файла с расширением CSS, то она может быть присоединена к любому HTML-документу одним из следующих способов: О Командой меню Text | …
Редактирование таблицы стилей
Для редактирования уже имеющейся таблицы стилей можно Воспользоваться следующими способами: О Воспользоваться командой меню Text | CSS Styles | Manage Styles (Текст I CSS стили | Управление стилями) или раскрыть …
