Page 456 - Xara Designer Pro X17

456 Web Graphics and Websites

Mouseover Effects
There are several types of mouseover effect you can control. Firstly the one used by
mouseover buttons, where any object with a web address can display an overlapping
graphic object that appears on a layer called MOUSEOVER. See below for more detail.

There also is a more powerful mouseover ability where you can make the contents of any
layer appear as your mouseover, or click any object on your page. This pop-up layer can
contain text, graphics, photos or any combination of these things. More below. You can
also add a wide range of animations effects see Mouse over properties for more details.

The MouseOff and MouseOver Layers
All the main objects on your website are placed on the bottom layer, usually called
MOUSEOFF. Buttons that highlight when you move the mouse over them on the web page
have an alternative graphic on the layer called MOUSEOVER.

If you open the PAGE & LAYER GALLERY you can show or hide any layer by checking or
un-checking the visibility icon (the eye symbol). This is a way of showing what your
MouseOver elements will look like on your page.
The current layer is always indicated with an arrow in the PAGE & LAYER GALLERY - the
MouseOff layer in the above diagram - and this is the layer that all new objects are drawn
on. To place objects on any other layers just click the required layer in the PAGE & LAYER
GALLERY, ensure the eye and the lock icon are open for that layer.
Note: The MouseOver layer must always be above, that is on top of, the MouseOff layer,
as shown in the above example.

To edit the objects on a layer both the 'eye' and 'lock' icons have to be open - this means
you can see and edit the layer (as shown above in the MouseOff layer).