stunicholls.com

...exploring the possibilities

Hover Drop #1

2nd November 2007

© 2007 stunicholls.com

Information

This one uses just CSS for IE7, Firefox, Mozilla, Netscape, Opera and Safari (PC), and makes use of a small javascript routine for IE5.5 and IE6 and it validates.

No 'whatever hover' or 'behaviors' though, just a re-arrangement of the html. This was my first attempt at writing javascript code so don't be too critical of the routine. Suffice it to say, it works.

The menu itself has a drop down with two levels of overlapping flyouts, which can be placed to the right or the left.

Tested in IE5.5, IE6, IE7, Firefox, Opera, Netscape, Mozilla, Safari (PC) and Safari (iPod Touch).

Download

All the files, except the photograph which is copyrighted, 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 hover_drop_1.zip