Fading Tooltipps

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <style type="text/css"> body{margin:20px;} #box{position:absolute; color:#000000; background-color:#ffff99; border:1px solid #000000; padding:1px; visibility:hidden; -moz-opacity:0%;} a {font-weight:bold; color:#336699; text-decoration:none;} a:hover {font-weight:bold; color:#cc3300; text-decoration:underline;} </style> <script language="JavaScript1.2" type="text/javascript"> /* Script made by Martial Boissonneault © 2002 http://getElementById.com/ This script may be used and changed freely as long as this msg is intact Visit http://getElementById.com/ for more free scripts and tutorials. */ var ie5 = (document.getElementById && document.all); var ns6 = (document.getElementById && !document.all); var timerID = null; var opak = 0; var index = 0; var mouseX = 5; var mouseY = 20; var msg = new Array(); msg[0]="was ist neu"; msg[1]="Information über die Seite"; msg[2]="dhtml scripts"; msg[3]="dhtml tutorials"; msg[4]="dhtml links"; msg[5]="promote this site"; msg[6]="help forum"; msg[7]="contact us"; function mozOpacity(){ if(ns6){ opacity = opak + 7; opak = opacity; timerID = setTimeout("mozOpacity()", 70); obj.style.MozOpacity = opacity + '%'; } } function stopMozOpacity(){ if(ns6){ if(timerID!=null){ clearTimeout(timerID); timerID=null; } obj.style.MozOpacity = '0%'; opak = 0; } } function changeMsg(index){ if(ie5){ obj.style.filter="blendTrans(Duration=1.2)"; obj.filters[0].Apply(); obj.style.visibility = "visible"; obj.filters[0].Play(); obj.innerHTML = msg[index]; } else if(ns6){ obj.style.visibility = "visible"; obj.innerHTML = msg[index]; if (opak < 100){ mozOpacity(); } } } function hideMsg(){ if(ie5){ obj.style.visibility="hidden"; } } function getMouseMove(e){ if(ie5){ obj.style.left = document.body.scrollLeft + event.clientX + mouseX; obj.style.top = document.body.scrollTop + event.clientY + mouseY; } else if(ns6){ obj.style.left = window.pageXOffset + e.clientX + mouseX; obj.style.top = window.pageYOffset + e.clientY + mouseY; } } function fadingTooltipsInit(){ if(ie5 || ns6){ obj = document.getElementById('box'); lnk = document.links; for(var i=0;i<lnk.length;i++){ if(ie5){ lnk[i].attachEvent("onmouseout", hideMsg); } else if(ns6){ lnk[i].addEventListener("mouseout", stopMozOpacity, false); } } } } document.onmousemove=getMouseMove; onload=fadingTooltipsInit; </script> <!-- Diesen Code musst Du in den -body- einbauen --> <div id="box"><!-- keep this empty --></div> <a href="#" onmouseover="changeMsg(0)">Was ist neu!!</a><br> <a href="#" onmouseover="changeMsg(1)">über diese Seite</a><br> <a href="#" onmouseover="changeMsg(2)">dhtml scripts</a><br> <a href="#" onmouseover="changeMsg(3)">dhtml tutorials</a><br> <a href="#" onmouseover="changeMsg(4)">dhtml links</a><br> <a href="#" onmouseover="changeMsg(5)">promote this site</a><br> <a href="#" onmouseover="changeMsg(6)">help forum</a><br> <a href="#" onmouseover="changeMsg(7)">contact us</a> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->