CSS Only Branching Menu
Based on Eric Meyer’s Gecko based Pure CSS Menu. The problem with Eric’s menu is that it does not work in non-Gecko browsers, specifically, Internet Explorer. By utilizing a small block of DHTML and DOM mouse event handlers, this one works in non-Gecko browsers!
So is it pure CSS?
Yes, since all the DHTML is doing is telling IE how to handle the a:hover attribute by using the behavior: style, meaning, it’s not really part of the menu construct.
CSS menus vs javascript menus.
Browsers that are not fully CSS compliant will still show a nested list, making the menu still accessible. With a JavaScript menu, browsers that were not fully compliant or had JavaScript turned off would show nothing. This menu will work with most browsers and will work even if JavaScript is turned off.
Please note that this article was imported, minus all comments, from the old version of my blog. It was originally written in 2006, but was a popular article so I included it in the new blog
|
Leave a Reply