Анимация на Web-страницах
Рис. 20.10. Формирование заголовка с использованием эффекта падающих сверху слов
Ранее мы разместили на Web-странице бегущую строку. Теперь рассмотрим пример удаления ее с экрана в режиме просмотра, используя для этого эффект анимации.
- Откройте в режиме редактирования страницу, содержащую бегущую строку.
- Разместите на экране панель инструментов Эффекты DHTML, выбрав в меню Формат команду Эффекты DHTML (Dynamic HTML Effects).
- Установите курсор мыши на текст бегущей строки.
- Из списка Вкл (On) панели инструментов выберите значение Click (Щелчок мыши), указывающее, что анимационное действие будет выполняться при щелчке кнопкой мыши.
- Из списка Применить (Apply) выберите значение Вылет (Fly out), указывающее, что объект покинет Web-страницу.
- Используя список Эффект (Effect), можно указать направление, в котором объект покинет страницу. Выберите, например, Наверх (То top).
Замечание
При установке курсора на объект, к которому применен динамический HTML, под курсором появляется подсказка с указанием наименования эффекта. На рис. 20.11 представлена бегущая строка, к которой применен эффект Динамический эффект: Вылет Наверх.
Рис. 20.11. Бегущая строка с примененным к ней эффектом анимации Динамический эффект: Вылет Наверх - Перейдите в режим просмотра Web-страницы, выбрав вкладку Просмотр (Preview), расположенную в нижней части рабочей области программы FrontPage или загрузите страницу в обозреватель, выбрав в меню Файл (File) команду Просмотр в обозревателе (Preview in Browser).
- При загрузке страницы начинает формироваться текст заголовка Адреса магазинов фирмы "Книжный мир, для которого мы задали динамический эффект в предыдущем примере. Слова по одному падают сверху в строку, пока не образуют весь текст. Одновременно с этим по странице движется бегущая строка с текстом Мы рады приветствовать Вас!. Щелкните в любом месте бегущей строки. Она начинает медленно двигаться вверх и исчезает с экрана.
Совет
Для удаления DHTML-эффекта установите курсор на объект и нажмите кнопку Удалить эффект (Remove Effect) на панели инструментов Эффекты DHTML.