Hover Drop v2

3rd November 2007

Next Demonstration

Previous Demonstration


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 flyout, which can be placed to the right ot the left.

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


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_2.zip