Краткое руководство по Dreamweaver 4 (8. Добавление интерактивных эффектов на веб-страницы 2)
Автор：Eve Cole
Время обновления：2009-05-30 18:35:33
8. Добавьте интерактивные эффекты на веб-страницы
Создавайте более сложные интерактивные эффекты
В Dreamweaver более сложные эффекты достигаются с помощью функции Behaviors, которая буквально означает «поведение», которую мы также называем реакциями на события. Посредством изменений в элементах веб-страницы, таких как движение мыши, щелчки и другие «события» (События), запуск всплывающих окон, закрытие страницы и другие «ответы» (Действия), это реакция на событие. И, к счастью, создание «Закона» почти надежно.
Нажмите Shift+F3, чтобы открыть панель поведения, как показано ниже:
Для добавления поведения на веб-страницу необходимо выполнить следующие три шага:
1. Выберите элементы, определяющие поведение, например изображения, текст со ссылками, слои и т. д. Если вы хотите, чтобы эффект начал проявляться сразу после загрузки страницы, вы можете выбрать Метка 2 в строке состояния и нажать
Кнопка выбирает ответ (разные элементы имеют разные соответствующие ответы) и устанавливает свойства этого ответа в последующем диалоговом окне. Ниже приводится описание ответов, которые можно выбрать:
Вызов JavaScript: вызов фрагмента JavaScript;
Изменить свойство: изменить стиль CSS тега Html;
Проверка браузера: вводите разные страницы в разных браузерах;
Проверить плагин: проверьте, есть ли в браузере необходимые плагины;
Управление Shockwave или Flash: управление воспроизведением анимации Shockwave или Flash;
Перетаскивание слоя: позволяет зрителю перетаскивать элементы слоя;
Перейти к URL-адресу: ссылка на указанный URL-адрес;
Меню перехода, меню перехода Перейти: меню перехода и кнопка перехода;
Открыть окно браузера: открыть новое окно браузера;
Воспроизвести звук: воспроизвести звук;
Всплывающее сообщение: всплывающее окно с предупреждением;
Предварительная загрузка изображений: считывайте изображения заранее;
Установить изображение панели навигации: установите изображение панели навигации;
Установить текст: отображать текст в определенном месте;
Показать скрыть слой: показать или скрыть слой;
Замена изображения, восстановление изображения: преобразование изображений и восстановление исходных изображений;
Временная шкала: управление воспроизведением временной шкалы;
Проверка формы: проверьте правильность формы;
Получите больше поведенческих событий: загрузите больше поведенческих событий.
3. Выберите «События», чтобы решить, при каких обстоятельствах будет срабатывать ответ. Общие события включают в себя:
onMouseOver: мышь перемещается к цели;
onMouseUp: когда мышь нажата, а затем отпущена левая кнопка;
onMouseOut: когда мышь уходит;
onMouseDown: при нажатии мыши (левую кнопку отпускать не нужно);
onClink: при нажатии;
onDblClick: при двойном щелчке;
onLoad: при загрузке веб-страницы;
onUnload: при выходе со страницы;
onResize: когда зритель меняет размер окна просмотра;
onScroll: когда зритель перетаскивает полосу прокрутки.
