Messages >>> Description Layer.
 
Script Categories













Messages >>> Description Layer.

Offer your visitors a quick description or more information about a link before they visit it. When they put their cursor over a link a layer will appear describing the link.

layer hidden off the screen
Home Page

JavaScript Editor

YALDEX.COM

JavaScript Tutorials

Colored ScrollBars

Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- 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=#F7F7F7><td>";

if (a==1) desc += "The JavaScript Source Home Page!";
if (a==2) desc += "Get the best JavaScript Editor!";
if (a==3) desc += "Get many JavaScript programs!";
if (a==4) desc += "Get JavaScript tutorial, HTML tutorial, CSS tutorial, JavaScript references, HTML references and CSS references!";
if (a==5) desc += "Get easy to use but powerful tool that generates CSS Style definitions needed to add colored scrollbars on your web pages!";

desc += "</td></table>";

if(isNav) {
document.getElementById('object1').innerHTML=desc;
document.getElementById('object1').style.left=x+25;
document.getElementById('object1').style.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.getElementById('object1').style.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;
window.onload=setupDescriptions;
//  End -->
</script>
<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">layer hidden off the screen</div>


<a href="http://yaldex.com/FSMain.htm" onMouseOver="popLayer(1)" onMouseOut="hideLayer(-50)">Home Page</a>
<br><br>
<a href="http://yaldex.com/JSFactory_Pro.htm" onMouseOver="popLayer(2)" onMouseOut="hideLayer(-50)">JavaScript Editor</a>
<br><br>
<a href="http://yaldex.com" onMouseOver="popLayer(3)" onMouseOut="hideLayer(-50)">YALDEX.COM </a>
<br><br>
<a href="http://yaldex.com/FSTutorials.htm" onMouseOver="popLayer(4)" onMouseOut="hideLayer(-50)">JavaScript Tutorials</a>
<br><br>
<a href="http://yaldex.com/ColoredScrollBars.htm" onMouseOver="popLayer(5)" onMouseOut="hideLayer(-50)">Colored ScrollBars</a>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).




©