Краткое руководство по Dreamweaver 4 (8. Добавление интерактивных эффектов на веб-страницы)
Автор：Eve Cole
Время обновления：2009-05-30 18:35:37
8. Добавьте интерактивные эффекты на веб-страницы
Создавайте простые интерактивные эффекты
Мы часто видим этот эффект на веб-страницах. При наведении курсора мыши на изображение исходное изображение переключается на другое. После перемещения мыши оно возвращается к исходному виду. Как это делается? Вначале я упомянул, что одним из преимуществ Dreamweaver перед Frontpage является то, что Dreamweaver может создавать интерактивные веб-страницы. Теперь мы воспользуемся Dreamweaver для создания простейшего интерактивного эффекта — изменения картинок.
Подготовьте две картинки одинакового размера: одну до перемещения мыши вверх, а другую — после перемещения мыши вверх. Например, на следующих двух картинках левая картинка — поднятая кнопка, а правая. картинка — вогнутая кнопка:
Нажмите на панель «Объекты».
, вы увидите следующее диалоговое окно:
① Имя изображения: имя тега эффекта преобразованного изображения. Dreamweaver автоматически присвоит его;
② Исходное изображение: укажите исходное изображение (например, рельефное изображение).
③ Изображение при наведении курсора: укажите изображение после перемещения мыши вверх (например, вот вогнутое изображение);
④ URL: URL-адрес ссылки на изображение;
Например, после завершения настроек, как показано выше, нажмите «ОК», а затем нажмите F12, чтобы просмотреть эффект.
