WebPlus

Примеры

 

Вернуться к обзору WebPlus

Mouseover-эффект (он же - эффект одновременного нажатия клавиш или rollovers). Эффект проявляется при наведении курсора на изображение.

Для создания Mouseover-эффекта щелкните по кнопке Insert Rollover на панели вставок (правая панель). Ниже - пример создания кнопки с Mouseover-эффектом.

Для создания эффекта нужно иметь несколько вариантов изображений (как минимум - два), которые будут сменять друг друга при наведении курсора или при щелчке по изображению.

Изображениям можно назначить ссылку.

Пример Mouseover-эффекта и ссылки - выше. Из созданных таким образом кнопок можно составить панель навигации.

Mouseover-эффект

Всплывающее изображение

Для создания всплывающего изображения применяется так называемый pop-up rollovers.

В данном случае одно изображение сменяет другое, но первоначальное и вторичное изображение (то, которое появляется при наведении курсора) - это одно изображение, но разного масштаба.

 

На странице размещается изображение меньшего масштаба, при наведении курсора оно замещается тем же изображением большего масштаба.

Пример pop-up rollovers - слева.

Для создания pop-up rollovers щелкните по кнопке на панели вставок

или  выберите Web Object из меню Insert и выберите Pop-Up Rollover

В окне настроек выберите изображение для создания эффекта.

Определите размещение для первичного и вторичного изображений, а также их размеры (можно просто установить размеры перетаскиванием границ, а размещение - перетаскиванием изображений).

Чтобы отличить первичное изображение от вторичного, используйте кнопку Set Rollover Position - Normal Selection/ Over Selection.

Caption Selection - Выбор Заголовка. Текст заголовка может принять различные признаки, такие как шрифт, полужирный / курсив, размер, цвет.

 

Страница создана в WebPlus