Mit diesem Script werden Links mit einem Hinweistext versehen, der beim berühren mit dem Mauszeiger angezeigt wird. Hier ist eine neue Variante, die auf einer Tabelle basiert.
What's New?
Site Contents
JavaScript Forum
JavaScript FAQs
HTML-Einbindung <!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Randy Bennett (rbennett@thezone.net) --> <!-- Web Site: http://home.thezone.net/~rbennett/utility/javahead.htm --> <!-- Begin function setupDescriptions() { var x = navigator.appVersion; y = x.substring(0,4); if (y>=4) setVariables(); } var x,y,a,b; function setVariables(){ if (navigator.appName == "Netscape") { h=".left="; v=".top="; dS="document."; sD=""; } else { h=".pixelLeft="; v=".pixelTop="; dS=""; sD=".style"; } } var isNav = (navigator.appName.indexOf("Netscape") !=-1); function popLayer(a){ desc = "<table cellpadding=3 border=1 bgcolor=dedfd5><td>"; if (a==1) desc += "The JavaScript Source Home Page!"; if (a==2) desc += "Updates on all the latest scripts added to the site!"; if (a==3) desc += "Browser our Table of Contents page!"; if (a==4) desc += "Get JavaScript assistance in our JS forum!"; if (a==5) desc += "Get the answers to our commonly asked JS questions!"; desc += "</td></table>"; if(isNav) { document.object1.document.write(desc); document.object1.document.close(); document.object1.left=x+25; document.object1.top=y; } else { object1.innerHTML=desc; eval(dS+"object1"+sD+h+(x+25)); eval(dS+"object1"+sD+v+y); } } function hideLayer(a){ if(isNav) { eval(document.object1.top=a); } else object1.innerHTML=""; } function handlerMM(e){ x = (isNav) ? e.pageX : event.clientX; y = (isNav) ? e.pageY : event.clientY; } if (isNav){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // End --> </script> <!-- Diesen Code musst Du als -eventhandler- in den body-Tag einbauen --> <BODY OnLoad="setupDescriptions()"> <!-- Diesen Code musst Du in den -body- einbauen --> <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">layer hidden off the screen</div> <a href="#" onMouseOver="popLayer(1)" onMouseOut="hideLayer(-50)">Home Page</a> <p> <a href="#" onMouseOver="popLayer(2)" onMouseOut="hideLayer(-50)">What's New?</a> <p> <a href="#" onMouseOver="popLayer(3)" onMouseOut="hideLayer(-50)">Site Contents</a> <p> <a href="#" onMouseOver="popLayer(4)" onMouseOut="hideLayer(-50)">JavaScript Forum</a> <p> <a href="#" onMouseOver="popLayer(5)" onMouseOut="hideLayer(-50)">JavaScript FAQs</a> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->
Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"