If you can see it the below code it was found here:
http://www.javascripts.com and be sure to check out lots of other source
code there. The below code only works if I am not mistaken in IE, but you
can find much more at Javascripts that does support all browsers.
<html>
<head>
<style type="text/css">
<!--
table {
display:none;
font-weight:bold;
position:absolute;
top:35;
border:2 double red;
width:100;
z-index:1;
}
td {
border:1 double red;
background-color:black;
text-align:center;
}
a {
color:lightyellow;
background-color:black;
text-decoration:none;
width:100px;
text-align:center;
z-index:1;
}
a:hover {
color:#00ff00;
}
tt {
background-color:black;
color:white;
position:absolute;
border:2 double red;
z-index:1;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
window.onload=main;
function main()
{
var tables=document.getElementsByTagName('table');
for(var x=0;x<tables.length;x++)
document.getElementById('ulid'+x).style.filter="progid
XImageTransform.Micr
osoft."+"RandomDissolve(duration=.5)";
}
function display(IDNo)
{
document.getElementById('ulid'+IDNo).filters(0).Apply();
document.getElementById('ulid'+IDNo).style.display="block";
document.getElementById('ulid'+IDNo).filters(0).Play();
}
//-->
</script>
</head>
<body>
<div
style="width:103%;height:50;z-index:0;position:absolute;top:0;left:0;backgro
und-color:black;"></div>
<!-- - Dynamic Menus JavaScript By Richard Hucko, Kaneohe Hawaii (HI) 96744,
WebSite: Geocities.com/RHUCKO1 or ee.domaindlx.com/RHUCKO1 -->
<span style="background-color:black;width:100px;">
<tt onmouseover="display(0)" >~RHucko1~</tt>
<table border="0" cellspacing="0" id="ulid0"
onmouseover="ulid0.style.display='block'"
onmouseout="this.style.display='none'">
<tr><td><a href="
http://www.javascripts.com">Home</a></td></tr>
<tr><td><a href="
http://www.javascripts.com">Forum</a></td></tr>
<tr><td><a href="
http://www.javascripts.com">Examples</a></td></tr>
<tr><td><a href="
http://www.javascripts.com">Tutorials</a></td></tr>
<tr><td><a href="
http://www.javascripts.com">Search</a></td></tr>
<tr><td><a href="
http://www.javascripts.com">About</a></td></tr>
<tr><td><a href="
http://www.javascripts.com">Tools</a></td></tr>
<tr><td><a href="
http://www.javascripts.com">Contact</a></td></tr>
</table>
</span>
<span style="background-color:black;width:150px;">
<tt onmouseover="display(1)">~SearchEngines~</tt>
<table border="0" cellspacing="0" id="ulid1"
onmouseover="this.style.display='block'"
onmouseout="this.style.display='none'">
<tr><td><a href="
http://Google.com">Google</a></td></tr>
<tr><td><a href="
http://DogPile.com">DogPile</a></td></tr>
<tr><td><a href="
http://Excite.com">Excite</a></td></tr>
<tr><td><a href="
http://ScrubTheWeb.com">STW</a></td></tr>
<tr><td><a href="
http://Yahoo.com">Yahoo</a></td></tr>
<tr><td><a href="
http://Aesop.com">Aesop</a></td></tr>
<tr><td><a href="
http://Alexa.com">Alexa</a></td></tr>
<tr><td><a href="
http://Overture.com">Overture</a></td></tr>
<tr><td><a href="
http://AskJeeves.com">AskJeeves</a></td></tr>
</table>
</span>
<span style="background-color:black;width:100px;" id='sid0'>
<tt onmouseover="display(2)">~Links~</tt>
<table border="0" cellspacing="0" id="ulid2"
onmouseover="this.style.display='block'"
onmouseout="this.style.display='none'">
<tr><td><a href="
http://www.javascripts.com">JavaScripts</a></td></tr>
<tr><td><a
href="
http://javaboutique.internet.com.com">JavaBoutique</a></td></tr>
</table>
</span>
</body>
</html>
--
Regards,
Carroll