Cross Browser Techniques
The Simple Mouseover Change - Probably the most popular dynamic HTML effect on the Web is the image mouseover switch. A two step process of pre-loading images and activating the onmouseover attribute in the <IMG> tag, this technique adds flair to your pages, particularly to navigation buttons. It even works with NN3, but unfortunately not with IE3. Hover your mouse over the DHTML graphic to see this effect in action, then click it to see how.
Dynamic HTML Tooltips - You've seen the mouseover change effects on images. Did you know you can do the same thing with text anchors on your web pages? We'll show you how to put descriptions on your link text. While this technique works with IE4+, with NN4+ there appear to be some DOM considerations related to nested tables you may need to avoid.
Dynamic HTML Mouse Trails - Harkening back to the 1960s when psychedelics and war protests were popular, this effect will dazzle your friends. While probably not very useful on a business site, the effect is artsy, and just plain fun. You might want to put on your shades and crank up the sound system.
The Internet Brothers have implemented hierarchical menus for navigation. Easier done than said. In our effort to be friendly to all browsers, the menu tree is functional with version 4 or greater of both the Netscape and Internet Explorer products.
As stated above, hovering over the button will open the menu for these browsers. But if you have an older product, don't fret, we'll send you to the scum page. Just click the button.
The hierarchical menus were created using Peter Belesis' © Dynomat DHTML scripting tool from Webreference. Give them a visit, you'll like what you learn.
Copyright © 1997-2004 Internet Brothers. All Rights Reserved. Really.