The Simple Mouseover Change
Besides changing the property of the original logo to another image with highlights, we've also told the mouseover function to act upon a second object. That second object transforms into the statement about FX from what was originally a totally transparent image. Essentially you are limited only by your imagination. Now let's get into the code to do this.
OK, How Did You Guys Do That?
The first step is to pre-load the images as defined in the image1on and image1off assignments below. Pre-loading prevents your browser client from having to retrieve the image from the server during the hover process, causing an untimely delay in display of the change. Then the turnOn and turnOff script functions below switch the images when the mouseover occurs. The image2 statements control the appearance of the graphic text in the example.
The onmouseout and onmouseover attributes of the anchor tag call the turnOff and turnOn functions defined in the head script block to be executed. The # value in the href attribute merely implies don't go anywhere with this anchor, just evaluate the code. The table simply lays out the appearance of the effect on the page. Notice too the presence of the name attribute on the img src tags. They refer back to the original off condition graphics defined in the preload section.
Please let us know if this tip was helpful to you, or if you have anything you don't understand, by sending us email or visiting the comments page.
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 AOL/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.
Tears will get you sympathy. Sweat will get results.
We were put on this earth to accomplish a certain number of things. Right now I'm so far behind I'll probably never die!
Be thankful for problems. If they were less difficult, someone with less ability might have your job.
Visitors who throw litter into the crocodile pit will be asked to retrieve it.
Copyright © 1997-2004 Internet Brothers. All Rights Reserved. Really.