<Script Language=Javascript>

text=new Array()
text[0]="Mouseover the item links for descriptions." ; //Assign Description
text[1]="This is info about LINK 1";
text[2]="Hi! You are on top of Link 2";
text[3]="What do you want Link3 to do?";
text[4] ="I am your link 4!" ;


if(document.layers){ //if ns4 


    itemwrite="document.test.document.write('<p style=\"font-family:Arial\">'+text[num]+'</p>')" ;


//we add a style to the p tag so we get the font and size we want.


    itemclose="document.test.document.close()";


}


if(document.all){//if ie4 or later


    itemwrite="test.innerText=text[num]" ;


//We use the innertext property to change the text in ie.


    itemclose="";


}


function change(num){


    eval(itemwrite);


    eval(itemclose);


} 


</script></head>
<body bgcolor="#ffe4c4" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">

<p>This script dynamically shows descriptions of the links when the mouse is passed over them. It uses a clever way to differentiate between Netscape and Internet Explorer: for NS4 it uses <kbd>if(document.layers){}</kbd>, and for IE4 it uses <kbd>if(document.all){}</kbd>.</p>
<a href="#" onmouseover="change(1)" onmouseout="change(0)">Link 1</a>
&nbsp;&nbsp;
<a href="#" onmouseover="change(2)" onmouseout="change(0)">Link 2</a>
&nbsp;&nbsp;
<a href="#" onmouseover="change(3)" onmouseout="change(0)">Link 3</a>
&nbsp;&nbsp;
<a href="#" onmouseover="change(4)" onmouseout="change(0)">Link 4</a>


<div id="test" style="position:absolute; left:30; top:250; font-family:Arial">Set Layer For Description.</div> 

