Download tooltip with shadow


Put this into your <HEAD> section

Put this into your <BODY> section


The tooltip is displayed by use of a plain <A> tag. Example:

<a href="#" onmouseout="hideTooltip()" onmouseover="showTooltip(event,'Text of tooltip');return false">Roll over me</a>

The "showTooltip" function is called when someone moves their mouse over the link. This function takes two arguments:

  • event = Always the first argument
  • "Text of tooltip" = The text you want to be displayed in the tooltip

The "hideTooltip" function hides the tooltip when the user moves the mouse cursor away from the link


Is it possible to have the tooltip from a text file?Any example?
Adrian at 04:55PM, 2011/03/28.
Juan Gabriel Aldana Jaramillo
Hi.I inserted the "tooltip with shadow" code into my Web page and it is working fine but I am having a problem when I use Chrome:When the web page is just loaded I put the cursor over the link and the text box opens next to the cursor, this is good, but, then, I scroll the Web page (up or down) and then I put the cursor over the link again and the text box opens far from the cursor. This only happens when I use Chrome.Could you please tell me how to fix this?Thanks in advance,
Juan Gabriel Aldana Jaramillo at 01:20PM, 2011/10/12.
Tomasz Grzegorczuk
JUAN GABRIELchange line with safari to:if ( browser.indexOf('safari') >=0 && browser.indexOf('chrome') == -1 )st=0;
Tomasz Grzegorczuk at 07:14AM, 2013/02/27.
ブランド腕時計バッグ財布コピー エルメス(バッグ、時計) シャネル(バッグ、時計)ルイヴィトン(バッグ、時計) ブルガリ時計 グッチ(バッグ、小物) ロレック(時計)オメガ(時計) IWC(時計)FRANCK MULLER(時計)1.最も合理的な価格で商品を消費者に提供致します。2.弊社の商品品数大目で、商品は安めです!商品現物写真。3.数量制限無し、一個の注文も、OKです。4.1個も1万個も問わず、誠心誠意対応します。5.不良品の場合、弊社が無償で交換します。不明点、疑問点等があれば、ご遠慮なく言って下さい。}}}}}}
Bagssjplow at 10:26PM, 2024/02/16.

Post your comment

Don't have an avatar? Create one at

Confirmation code:

Go to

About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2024