язык JavaScript, поскольку он поддерживается подавляющим большинством новых
браузеров на всех платформах и нетребует значительных ресурсов компьютера. С помощью
JavaScript программируются самые разнообразные интерактивные элементы: кнопки, меню,
формы и т.д. ImageReady дает возможность создавать эффектные интерактивные элементы
дизайна страниц, не осваивая программирования и не набирая кода. Для создания таких элементов
используется JavaScript, но весь код генерируется ImageReady.
Такие элементы называются rollover.
Интерактивные элементы изменяют свое состояние (внешний вид)
в браузере в зависимости от некольких возможных событий:
– отсутствие событий, то есть обычное состояние, – Normal (Нормальное);
– указатель мыши находится на элементе – Over (Наведение);
– указатель мыши находится на элементе и нажата левая кнопка мыши – Down (Нажатие);
– указатель мыши находится на элементе и левая кнопка мыши отпущена – Click (Щелчок)
Интерактивный элемент представляет собой не одно, а
несколько изображений. При возникновении перечисленных событий браузер заменяет одно из этих
изображений другим. На практике чаще всего обходятся двумя изображениями и двумя событиями: Normal
(Нормальное) и Over (Наведение). Обработкой этих событий, их регистрацией и
загрузкой изображений занимается сценарий JavaScript. По такой технологии создавались
кнопки-ссылки в данном дипломном проекте (рис. 4, 5).
Рис. 4. Вид кнопки находящейся в состоянии Normal.
Рис. 5. Вид кнопки находящейся в состоянии Over.
Таблица 3.3. Листинг программного кода кнопок навигации.
<HTML>
<HEAD>
<TITLE>index</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
|
