DHTML Tooltip Script All
Credits: Dynamic Drive
Description: An easy-to-install tooltip script that allows your text links or image map to have a tooltip when the mouse moves over them!
Text link tooltip example:
Image Map tooltip example:
Step 1: Insert the below into the <body> section of your web page, right after the <body> tag itself, before anything else:
Giving text links a tooltip:
onMouseover="showtip(this,event,'Visit Dynamic Drive for DHTML Scripts!')" onMouseout="hidetip()"
with the part in red representing the text you want shown inside the tip. An example would be:
<a href="http://dynamicdrive.com" onMouseover="showtip(this,event,'Visit Dynamic Drive for DHTML Scripts!')" onMouseout="hidetip()">Dynamic Drive</a>
If the text inside the tooltip is very long, and you wish to "break it" (like the tip for Techweb above), simply add the "\n" to the text. For example:
onMouseover="showtip(this,event,'Visit Techweb for the latest happenings<br>in the computer sector ')" onMouseout="hidetip()"
Giving image map a tooltip:
Note to Frontpage 98 (and other similar html editor) users: In Frontpage 98, an image map is represented as a "bot", meaning that when you view the source of the image map within the editor, the href attribute of the individual spots are not revealed. This is a problem, since the tooltip code has to be inserted right alongside the href attribute. To get around this, open the file using a simple text editor. The href attribute will be present, allowing you to insert the tooltip script.