С момента дебюта Dreamweaver его простой в использовании и мощный «Поведение» стал одной из горячих точек, на которую все обращают внимание. В Dreamweaver MX (DW MX) эта функция расширена и улучшена.
В DW MX поведение относится к операции (Действию), выполняемой в ответ на событие (Событие). Событие относится к событиям браузера, таким как обновление окна, движение мыши и т. д. Действие относится к коду JavaScript, который реагирует на события в фоновом режиме и может выполнять соответствующие операции, такие как воспроизведение звуков, переворачивание изображений и т. д.
Использование DW MX для создания раскрывающегося меню навигации — это один из специальных эффектов, часто используемых на веб-страницах. (Рис. 1) В основном используется поведение «Показать-Скрыть слои» в DW MX.
Рисунок 1
Сначала создайте панель навигации (столбец «Центр продуктов» на рисунке 1), затем добавьте слой в качестве места, где будет отображаться выпадающее меню, и заполните соответствующие столбцы выпадающего меню.
Затем откройте панель «Поведение» и выберите ссылку «Центр продуктов» (обратите внимание, что в данный момент вы не можете выбрать вновь созданный слой, иначе нельзя будет применить поведение «Показать-Скрыть слои»), нажмите знак «+». и выберите «Показать-Скрыть слои», вы увидите, что слой, который мы только что создали, находится в выделении, и его можно скрыть или показать (рис. 2).
Рисунок 2
Замечательное использование поведения в основном отражено в следующем: если мы хотим реализовать раскрывающееся меню, ключевой момент — сделать так, чтобы слой отображался, когда мышь перемещается по ссылке «Центр продуктов», и скрывал слой, когда мышь уходит; ссылка. Основываясь на этой идее, мы сначала настроили два действия для этого слоя: одно выбирает «Скрыть», а другое — «Показать». Затем настройте событие и установите для события «Скрыть слой» значение OnMouseOut, что означает, что мышь покидает ссылку, и установите для события «Показать слой» значение OnMouseOver, что означает, что мышь выбирает ссылку; Нажмите «F12» для предварительного просмотра, и вы увидите ожидаемый эффект.
Таким образом, раскрывающееся меню навигации, которое мы обычно находим загадочным, может быть легко реализовано в поведении. Вы также можете продолжать применять поведение «Заменить изображение» к ссылкам навигации, чтобы добиться эффекта переворота изображения при щелчке мыши по ссылке.
Поведения не являются изолированными специальными эффектами. Их можно комбинировать и накладывать друг на друга для достижения сложных функций. В дополнение к поведению по умолчанию, установленному DW MX, мы также можем загрузить более интересные варианты поведения сторонних производителей с сайта www.mcromedia.com. нужно только скопировать их непосредственно в каталог DreamweaverMXConfigurationBehaviorsActions, чтобы сделать эту яркую точку DW MX еще более ослепительной.