Inside Technique : Rollover Menus
This improves upon the original Rollover Menu Trade Secret. Rollover effects have become the most widely used Dynamic HTML trick. The release version of IE4 supports rollover effects declared entirely through Cascading Style Sheets (CSS) without requiring you to write any code. Whenever the mouse hovers over an anchor, the new CSS HOVER psuedo-class This example takes advantage of the new CSS HOVER psuedo-class defines the presentation. The benefit to using the anchor psuedo-class is that the style rule is ignored by browsers that do not understand it.
In Internet Explorer 4.0, moving the mouse over the text in the following menu highlights each item:
Rather than write script for the mouseover effect, Internet Explorer 4.0 supports the new HOVER psuedo-class. This psuedo-class is supported on the
If you want to apply a HOVER effect to all anchors in your page, you can define a simple HOVER rule:
With Internet Explorer 4.0, the following menu items highlight when the mouse hovers over the element. In all other browsers, the menu is statically displayed and the hover effect is ignored.
© 1997-2000 InsideDHTML.com, LLC. All rights reserved.