I had a look at Suckerfish Dropdowns but it seems to go only one level deep, I need several levels deep.
Kind regards, Taco Fleur - CEO Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . * Web Design and Development * SMS Solutions, including developer API * Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! * BlackBerryR Business Solutions www.OzBlackBerry.com * We endorse PayPal, accept payments online now! * Seamless Merchant integration > -----Original Message----- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] On Behalf Of Lachlan Hunt > Sent: Wednesday, 11 January 2006 5:02 PM > To: wsg@webstandardsgroup.org > Subject: Re: [WSG] CSS or JavaScript flyout menu > > Taco Fleur - Pacific Fox wrote: > > I am looking for some ideas on how to create a > JavaScript/CSS fly-out > > menu, the dreaded day has come that a client finally > insisted on using one! > > ... > > var menu = new Object(); > > > > menu[ "about_bdsrecruit" ] = new Object(); > > Yikes! Don't generate a menu like that, it's a waste of time. > > Markup: > > <ul> > <li><a href="#">Item 1</a></li> > <li>Item 2 > <ul> > <li>Submenu item 1</li> > <li>Submenu item 2</li> > <li>Submenu item 3</li> > </ul> > </li> > <li>Item 3</li> > </ul> > > Make them all links if you like, I just omitted the a > elements for simplicity. > > CSS: > li ul { display: none; } > li:hover ul { display: block; } > /* Plus whatever styles you want to make it look good and > layout correctly. */ > > JS: > Attach mouseover and mouseout event listeners to the li > elements to show and hide the sub menus. > > Google for "Pure CSS Menus", "Suckerfish Dropdowns" "CSS/JS > menus" or similar search terms. > > -- > Lachlan Hunt > http://lachy.id.au/ > > ****************************************************** > The discussion list for http://webstandardsgroup.org/ > > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ****************************************************** > > ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
