stunicholls.com

...exploring the possibilities

Tree Frog slide menu

6th November 2007

© 2007 stunicholls.com

Information

Another type of menu using the javascript stuHover.js to write the IE5.x and IE6 only version of the stylesheet for us.

I have hidden this script from IE7, as it works without it, using conditional comments around the javascript loader in the page head. It will function correctly using this script but it is a little slower to respond.

Hovering over the top level links will make them expand to show the first sub levels, and from these there will be flyout levels. The first sub levels must be of equal height for this to work and that height must be large enough to show all the sub list items of the largest sub menu.

Tested in IE6, IE7, Firefox, Opera, Safari (PC) and Safari (iPod Touch).

The path through the sub lists will be highlighted in all browsers including IE5.x and IE6 as the child selector is not used in this particular menu.

Download

All the files exept the photograh can be downloaded using the link below. If you are going to use this in your website then please respect my copyright and keep the credits in the stylesheets and javascript.

Download tree_frog_slide.zip