<!-- TWO STEPS TO INSTALL : 1. Add the last code into the BODY of your HTML document --> <center> <head> <style type="text/css"> <!-- .ToolTipTitel { color: black; font-family: arial, sans-serif; font-weight: bold; font-size: 10pt; } .ToolTipInhalt { color: blue; font-family: arial, sans-serif; font-size: 10pt; } #ToolTip { position:absolute; width: 100px; top: 0px; left: 0px; z-index: 4; visibility: hidden; } --> </style> <script language="javascript"> <!-- var Initialisierung = 0 var Ex, Ey, TitelFarbe, TextFarbe, ContentInfo; TitelFarbe = "red" TextFarbe = "yellow" function ToolTipBewegen(layerName, FromTop, FromLeft, e) { document.getElementById(layerName).style.top = FromTop; document.getElementById(layerName).style.left = FromLeft + 15; } function Aktivieren() { Initialisierung=1; } function Deaktivieren() { Initialisierung=0; } function Starten(e) { if(Initialisierung) { Ex = document.all ? window.event.x : e.pageX; Ey = document.all ? window.event.y : e.pageY; ToolTipBewegen("ToolTip", Ey, Ex, e); document.getElementById('ToolTip').style.visibility = "visible"; } else { ToolTipBewegen("ToolTip", 0, 0); document.getElementById('ToolTip').style.visibility = "hidden"; } } function ToolTip(layerName, TTitel, TInhalt) { ContentInfo = '<table border="0" width="150" cellspacing="0" cellpadding="0">'+'<tr><td width="100%" bgcolor="#000000">'+'<table border="0" width="100%" cellspacing="1" cellpadding="0">'+'<tr><td width="100%" bgcolor='+TitelFarbe+'>'+'<table border="0" width="90%" cellspacing="0" cellpadding="0" align="center">'+'<tr><td width="100%">'+'<font class="ToolTipTitel"> '+TTitel+'</font>'+'</td></tr>'+'</table>'+'</td></tr>'+'<tr><td width="100%" bgcolor='+TextFarbe+'>'+'<table border="0" width="90%" cellpadding="0" cellspacing="1" align="center">'+'<tr><td width="100%">'+'<font class="ToolTipInhalt">'+TInhalt+'</font>'+'</td></tr>'+'</table>'+'</td></tr>'+'</table>'+'</td></tr>'+'</table>'; document.getElementById(layerName).innerHTML = ContentInfo; } //--> </script> </head> <body onmousemove="Starten(event);"> <div id="ToolTip"></div> <a href="#" onMouseover="ToolTip('ToolTip','Cообщениe','С этим текстом Вы можете <i>в HTML-Tags</i> записывать нужные напоминания.'); Aktivieren();" onMouseout="Deaktivieren();">К этому тексту прилагается пояснение...</a> <BR> <A Href="http://www.web-sgs.strana.de">Web-SgS </A><br> <!-- copyright (i4) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body>
