PDA

View Full Version : Extended Spry Navigation



isaacn
07 Jan 2011, 03:31 PM
Hey all..

I'm not actually sure what the correct term for this type of navigation is. The customer asked for this specifically. Any help would be appreciated.

This is what the menu bar looks like:
http://pipes.gm7site.com/images/nav.jpg

This is what the customer wants on rollover of each button. Preferably with pop-out animation:
http://pipes.gm7site.com/images/navrollover.jpg

I just need a pointer. I like to think I am fairly knowledgeable in CSS. This looks like a Java project though.

Thanks!

Wickham
08 Jan 2011, 05:59 AM
You don't need Java or JavaScript for that. CssPlay has lots of pure CSS menus.
http://www.cssplay.co.uk/menus/
The type which has a horizontal dropdown level is called a dropline menus, like
http://www.cssplay.co.uk/menus/cssplay-pushpull.html
and
http://www.cssplay.co.uk/menus/doors_drop_line_two.html
Copy/paste the relevant style section from the CSSplay head section style tag and copy/paste from the body markup, then edit it.