Click here for a very special offer
Styles and Behaviours

This page demonstrates the use of styles and behaviours. Have a look at the construction of this page and its use of layers.

Styles used on this page

CSS Styles
 Bannerstyle2 defines the banner.
A redefined tag is also used.
BODY tag H1 is redefined. Therefore any body text is redefined if you select H1 style.
You will see it if you go to 'Edit Style Sheet', but it does not appear in the CSS panel.

Behaviours used on the page

The special offer advert panel has a click activated behaviour to open another hidden advert panel. This panel disappears when you move the mouse away. Both panels are layers with behaviours attached to them. The hidden layer has the highest Z index and therefore covers the initial advert when it displays.

 

Advert Page

This is a separate html page. The advert page is triggered by a behaviour activated by a 'onmouseout' action on the second special offer layer. Another behaviour closes the second layer'onmouseout' away from the layer.

The advert page can be closed in the normal way or by clicking on the main page.

  • Behaviours can be attached to tables/cells or to layers
  • You can use behaviours much like hyperlinks attached to text -

<Building complex pages