Dynamicdrive.com

.
spacer.gif (807 bytes)
.

Menu

Search DD
Recommend DD
Help Forums New
DHTML books
Advertising
Contact

Featured Script
Rollover buttons 

Turn regular form buttons into rollover menus with this script!
.

Partners

Free JavaScripts
.

Link to DD

Do you use scripts from Dynamic Drive? Please give something back by linking to us...
.
spacer.gif (807 bytes)

Home Small4.gif (1046 bytes) Links and buttons Small4.gif (1046 bytes) Here

DHTML Tip Message All

Credits:
Name: Essam Gamal
Homepage: Homepage
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!

Recommend Us!
-If you like Dynamic Drive, please recommend us to a friend...

Legend
All- Script works with Netscape 4 AND Internet Explorer 4+
NS- Indicates script works with Netscape 4 (NOT NS 6 yet)
IE- Indicates script works with Internet Explorer 4 and above
NS6!- Temporary index set up on script category pages to indicate script works in NS6


Copyright © 1998-2004 Dynamic Drive. Please read Terms Of Use here before using any of the scripts.
Partners: JavaScript Tutorials | JavaScript Reference
1