»
EnglishFrenchVietnamese

Print - Description Layer - JavaScriptBank.com

Full version: jsB@nk » Link » Tooltip » Description Layer
URL: http://www.javascriptbank.com/description-layer.html

Description Layer © JavaScriptBank.comOffer your visitors a quick description or more information about a JavaScript link before they visit it. When they put their cursor over a JavaScript link a layer will appear describing the link. Your visitors will appreciate the extra effort, and it looks great too.

Full version: jsB@nk » Link » Tooltip » Description Layer
URL: http://www.javascriptbank.com/description-layer.html



JavaScript
<SCRIPT LANGUAGE="JavaScript"><!-- Original:  Randy Bennett (rbennett@thezone.net) --><!-- Web Site:  http://home.thezone.net/~rbennett/utility/javahead.htm --><!-- Beginfunction 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=F7F7F7><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><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY OnLoad="setupDescriptions()"><div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">layer hidden off the screen</div><a href="http://javascriptbank.com" onMouseOver="popLayer(1)" onMouseOut="hideLayer(-50)">Home Page</a><p><a href="http://javascriptbank.com/" onMouseOver="popLayer(2)" onMouseOut="hideLayer(-50)">What&#39;s New?</a><p><a href="http://javascriptbank.com/" onMouseOver="popLayer(3)" onMouseOut="hideLayer(-50)">Site Contents</a><p><a href="http://javascriptbank.com/" onMouseOver="popLayer(4)" onMouseOut="hideLayer(-50)">JavaScript Forum</a><p><a href="http://javascriptbank.com/" onMouseOver="popLayer(5)" onMouseOut="hideLayer(-50)">JavaScript FAQs</a></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->