Pull-down menus

Try 'em out!!! Move the mouse over the maroon bar with orange labels. You should see the pull-down submenus containing links (see requirements on the right column).

Sort links easily. A pull-down menu is a quick way to sort out lots of links. In this demo, the menu items pop-up javascript alerts when you click on them. To link to actual web pages without the pop-up alert, remove the onclick='alert("Item X.x clicked")' part of the <a> tag.

The source for this is straightforward, but bulky. All this page does is show or hide submenu for each item. If you want to move the menus around the screen,you will have to manually adjust the screen positions of each menu item and sub-menu box.

As usual, the awkward coding is partly the result of differences between internet explorer and netscape. The other reason for awkward coding is that i didn't make objects |:P. A better object example would be 'going in circles'.

One thing I discovered here is that netscape doesn't accept negative values for zIndex (a number determining which object appears in front of which. its equivalent in ie is z-Index). Also, the default background for a <div> in netscape is transparent. in ie, it's white.

IE vs Netscape: I didn't get the submenus to close automatically under Netscape. To work around this, I put two little orange dashes  -  on either side of the menu. Putting the mouse over either dash closes any open submenu.