Flyout Dropdown Menu
The flyout can be configured to fly left, right, up, or down. The flyout can be just about any object (div, table, etc.), thus they can be formatted however you want. The flyout transitions with both a fade in/out and vertical expansion/contraction. You can set direction, transition speed, frame rate, offsets, timeout, and maximum opacity. Ease of implementation was important during development. The flyout only requires a few lines of CSS (examples in the JS comments) and mouseover events to be set. In the file download, both the fully documented code and a minified version is contained in the ZIP file. Compatible with IE5+, Firefox 0.9+, Safari, Opera 9+, and Chrome Note: IE doesn't get the "expansion" effect because when coupled with "http-equiv: X-UA-Compatible :: IE=9" it makes the script fail after first mouseover.