There are are so many things you can to with this dhtml tip message, here are just some of the things. For more templates and information visit my web site .

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 (on click) or left or float or fixed. 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 may add visual effects to the tip message in MSIE 5.5 or later. You can change the hole style for every tip message by using different style arrays in the stm function. You may insert any html tags you want.



Readme

Transition Numbers and Demos (IE6+)



Step 1: Insert the following code between the <head> tags (of your page)


<script language="JavaScript1.2" src="main.js" type="text/javascript"></script>


 - Insert the following code right under the <body> tag. (of your page)


<div id="TipLayer" style="visibility:hidden;position:absolute;z-index:1000;top:-100;"></div>
<script language="JavaScript1.2" src="style.js" type="text/javascript"></script>



Step 2: This is your (example) link (to the tooltip) - using style "0" and text "0". Create your own styles and text with their own style and text numbers.

<a href="#"
onMouseOver="stm(Text[0],Style[0])" onMouseOut="htm()"> link text </a>


(Note: Careful with your page cascading styles - especially table styles - as they will affect the tipmessage style)



Step 3: copy these two .js files which
are linked to "your page" to separate .js files--



style.js




main.js