<html>
<head>
<style>
span
{
border:groove 2px;
padding:3;
font-family:arial;
font-size:12;
width:100;
height:70;
background-color:#c0c0c0;
position:relative;
top:-80;
left:-10;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
elmnt.style.top="-15"
}
function hidemenu(elmnt)
{
elmnt.style.top="-80"
}
</script>
</head>
<body>
<span onmouseover="showmenu(this)" onmouseout="hidemenu(this)">
<a href="../Default.asp">HOME</a><br />
<a href="../js/default.asp">JavaScript</a><br
/><br /><hr />
W3Schools<br />
</span>
<span onmouseover="showmenu(this)" onmouseout="hidemenu(this)">
<a href="http://www.microsoft.com">Explorer</a><br
/>
<a href="http://my.netscape.com">Navigator</a><br
/><br /><hr />
Browser<br />
</span>
<span onmouseover="showmenu(this)" onmouseout="hidemenu(this)">
<a href="http://www.altavista.com">Alta Vista</a><br
/>
<a href="http://www.yahoo.com">Yahoo!</a><br
/><br /><hr />
Search<br />
</span>
</body>
</html>
|