Rollover- эффект
В
WYSIWYG Web Builder эффект Rollover можно
применить к изображениям или к тексту.
Пример
Rollover-эффекта для изображений
Эффект Rollover (он же - эффект одновременного нажатия клавиш или
MouseOver-эффект) - при наведении курсора на изображение оно
меняется на другое изображение.
Создание эффекта для изображений
Для создания Rollover-эффекта используйте:
Растяните рамку для
изображений.
Дважды щелкните по рамке, чтобы открыть свойства Rollover Image
Вкладка General
Initial image - Начальное
изображение - Выберите изображение, которое будет отображено
первоначально.
Mouseover image -
Изображение Mouseover - Выберите изображение, которое будет отображено
при наведении курсора.
Alternate text -
Альтернативный текст при блокировке показа изображений (появляется при
наведении курсора).
Title - Заголовок - В
современных браузерах этот заголовок появляется, когда Вы перемещаете
мышь по изображению.
Animation -
Мультипликация - Определяет эффект мультипликации для изображения
одновременного нажатия клавиш: None (нет эффекта), исчезновение,
скольжение, изменение масштаба, "раздвижная дверь" и др.
Примечание: у Некоторых старших браузеров могут быть
проблемы с мультипликацией.
Однако в любом браузере W3C
мультипликации/ссылки должны работать хорошо.
Duration -
Продолжительность - Продолжительность мультипликации в milli секундах.
Easing - Ослабление
- Вы можете выбрать из более чем 30 ослабляющих функций, чтобы
управлять процессом мультипликации. Эта опция может использоваться,
чтобы (например) создать срыв или упругие эффекты.
Вкладка Link-Ссылка
См. Ссылки
Создание эффекта для текста
Пример
Rollover-эффекта для текста
Объект RollOver Text отображает текст при наведении курсора. К примеру,
эффект может применяться на баннерах.
Для создания Rollover-эффекта
используйте:
Растяните рамку в окне
редактирования, дважды щелкните по ней. Появится окно свойств.
Вкладка general
Filename - Имя файла -
Выберите изображение, которое будет отображено первоначально.
Title - Заголовок
изображения.
Description - Описание
изображения.
Link text - Текст ссылки
Баннер может также содержать ссылку. Здесь Вы можете определить текст
для этой ссылки. URL для ссылки может быть конфигурирован во вкладке
'Link'.
Position - Позиция -
Определяет позицию текстового баннера.
Top - Баннер будет
отображен наверху изображения.
Bottom - Баннер будет
отображен внизу изображения.
Full - Баннер будет
отображен свыше полного размера изображения.
Animation - Определяет
эффект мультипликации для баннера текста одновременного нажатия клавиш:
None (нет эффектов), исчезновение, скольжение и др
Примечание: у Некоторых старших браузеров могут
быть проблемы с мультипликациями.
Однако в любом
браузере W3C мультипликации/ссылки должны работать хорошо.
Duretion -
Продолжительность
мультипликации в milli секундах.
Вкладка Style-Стиль
Во вкладке "Style" Вы можете изменить появление индивидуальных
элементов (заголовок, описания, ссылки) баннера.
Вкладка Link - Ссылка
См. Ссылки
Новое: Добавлены новые анимационные
эффекты при создании RollOver Text:
Fall In. Rotate, translate
text, Revolving Door, Translate Left/Right, Tunnel, Reveal.
Pushes the image up or down
Посмотреть
примеры
Последнее
обновление: апрель 2016 г.
|