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


FF1+ IE5+ Opr7+

DHTML Tip Message

Note: Current version 1.2. Script modeled after OverLib script.

Description: Essam's script creates a comprehensive DHTML tip message to help describe important links on your webpage, perhaps the most comprehensive yet. Modeled after a similar script by Eric Bosrup, it is extremely versatile in its placement and special effects to render as the tooltip is being displayed. The script supports over 25 different configuration parameters! Overall an excellent script that works cross browser (IE4+, NS4+, Opera 7+).

We decided to feature this script instead of the popular OverLib for two reasons:
1) DHTML Tip Message is 1/2 the size of OverLib 3.51 (14k instead of 27k).
2) DHTML Tip Message supports multimedia effects not found in OverLib.

Demo (move your mouse over links):

You may set a title for your tip and you may not. You can position your tip as Right which is the default, or center or left or float. You also can make your tip sticky with a close link or keep it moving with the mouse around the page.

You may also control the left and the top coordinates of the message from the mouse. You many also add visual effects to the tip message in MSIE 5.5 or later. You can change the whole style for every tip message by using different style arrays in the stm function. You also may insert any html tags you want.


Directions: Download the following zip file, and refer to "readme.html" for installation instructions. There is also "demo.htm" that will get you up and running quickly through several live examples. FYI the files contained inside the zip file are:

-demo.htm
-readme.html
-main.js
-style.js

Enjoy!