[link] CSS Based Dropdown Menus (updated)

Scott's articleAn Easier Way to Highlight the Rows of a DataGrid on MouseOver included a link to an old ALA article on the Suckerfish Dropdown [updated] - see the improved Son of Suckerfish Dropdown!

What I like about it:
CSS only approach for browsers with good CSS support. There's a small Javascript fix for CSS challenged browsers (i.e. IE), but it's very light. The Son of Suckerfish code uses only 12 lines of Javascript and supports all current browsers! I like this rather than a heavy DHTML solution because it's lightweight and the is built for forward compatibility with browsers that support CSS rather than browser specific Javascript hacks. The menu.js code for the Whidbey menu control, for instance, is

Sample:
http://www.htmldog.com/articles/suckerfish/example/
http://www.htmldog.com/articles/suckerfish/dropdowns/example/

Article / Code:
http://www.alistapart.com/articles/dropdowns/
http://www.htmldog.com/articles/suckerfish/dropdowns/

1 Comment

Comments have been disabled for this content.