horizontal 'rise-up' menu

[jbonham]

Hi,

Been looking for a tutorial on how to do a horizontal 'rise-up' menu, opposite of a drop-down menu. Not able to find one, although, plenty of drop-downs!

Anybody know of a tutorial on how to do one?

Jbonham

[ipears]

what exactly do you mean by rise-up ???

[jbonham]

I mean once a user mouseover's the menu link, a new sub-menu that contains, say 4 items, appears ABOVE the menu link, rather than below it.

However, it is a moot point because I have discovered that to construct such a menu, be it rise-up or drop-down, and to have it function properly in all browsers, javascript is needed for the IE browser; I do not want javascript on my site, for accessability reasons.

[sid egg]

DynamicDrive.com should have some source code for you to look at, most of their stuff is Javascript, and lots is either NS/IE specific (NS being netscape, which might as well be Firefox they are almost the same engine).

I couldn't give you a specific link because I don't really understand exactly what you need, but, you should be able to search around DD a bit.

[Tanus]

I mean once a user mouseover's the menu link, a new sub-menu that contains, say 4 items, appears ABOVE the menu link, rather than below it.

However, it is a moot point because I have discovered that to construct such a menu, be it rise-up or drop-down, and to have it function properly in all browsers, javascript is needed for the IE browser; I do not want javascript on my site, for accessability reasons.

It can still be accessible, so long as it degrades nicely in a browser without javascript. If you're using something like <ul> this shouldn't be much of a problem.

[naughtymutt]

try http://www.youngpup.net/

there is a dhtml system there that can be made to rise-up

[Musicbox]

you can also visit http://www.dynamicdrive.com

[DeeBs]

Is there a reason this cannot be done with CSS?

I havn't tried it, and don't have time to give it a go now, but using the Suckerfish Dropdowns article on Alistapart should work fine. All you would have to do to maintain accessibility and get rid of the Javascript is make the top tier into links, so the :hover class works in IE.

[artraid]

My suggestion is you get an existing drop-down script and try to see how it works. Then manipulate the code conveniently to suit your rise-up goal.

[toograffic]

Viagra or Levitra. But if it stays up longer than 4 hours call your doctor.

[notta]

Viagra or Levitra. But if it stays up longer than 4 hours call your doctor.

haha, everytime I see that commercial I'm like what's so bad about that?

[Knightime]

and after 4 hours, would you really want a doctor. Isn't there a more suitable professional to handle these issues?

[Parms18]

Is there a reason this cannot be done with CSS?

I havn't tried it, and don't have time to give it a go now, but using the Suckerfish Dropdowns article on Alistapart should work fine. All you would have to do to maintain accessibility and get rid of the Javascript is make the top tier into links, so the :hover class works in IE.

That's a great bit of code, but it has an annoying flicker effect depending on how you move your mouse on the dropdown.