New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:

IE5+ Opr7+

Scrolling Tooltip Script

Author: Dynamic Drive

Description: An alternate version of the tooltip script that creates a "scrolling" tooltip. Definitely more eye catching, if nothing else. (Note that in IE, the tooltip will only be enabled after the document has completed loading) View notes below for cross-browser rendering issues.

Demo

WB01389_.gif (104 bytes) Dynamic Drive
WB01389_.gif (104 bytes) Website Abstraction
WB01389_.gif (104 bytes) Yahoo
WB01389_.gif (104 bytes) Cnet
WB01389_.gif (104 bytes) Techweb


Directions: Developer's View

Step 1: Insert the below into the <body> section of your web page, right after the <body> tag itself, before anything else:

Select All

Giving text links a tooltip:
Having done the above, the procedure for giving text links or image maps a scrolling tooltip is virtually identical to that of the standard tooltip script. Simply insert the below into either the <a> tag of the text link, or right alongside the href attribute of each image spot:

onMouseover="showtip2(this,event,'Visit Dynamic Drive for DHTML Scripts!')" onMouseout="hidetip2()"

with the part in red representing the text you want shown inside the tip.