Put this between your HEAD-tags
<script language="javascript">
<!--
function showIt() {
if (document.layers) {document.layers["layer1"].visibility='hide';}
else {document.all["layer1"].style.visibility='hidden';}
}
function hideIt() {
if (document.layers) {document.layers["layer1"].visibility='show';}
else {document.all["layer1"].style.visibility='visible';}
}
// -->
</script>

<style>
input {border-style: ridge;}
a:hover {text-decoration: underline}
</style>


Make the menu:
<span id="layer" style="position:absolute; top:110; left:20; width:250; height:90; visibility:show">

<script>
<!--
function buttonText(type) {
if (type=="Hide Menu ") {document.menu.button.value="Show Menu";}
else {document.menu.button.value="Hide Menu ";}
showIt();
if (document.menu.button.value=="Hide Menu ") {hideIt();}
}
// -->
</script>

<form name="menu">
<input type="button" name="button" onClick="buttonText(value);" value="Show Menu" style="color:#335485">
</form>

</span>

<div id="layer1" style="position:absolute; top:135; left:20; width:250; height:90; visibility:hidden">
<table class=td bgcolor="#5F9EA0" border="1" cellpadding="2" cellspacing="0">
<tr><td width=93>
<a href="http://" target="_blank" style="text-decoration: none"><font face="arial" size="-1"><b>Link 1</b></font></a>
</td></tr><tr><td>
<a href="http://" target="_blank" style="text-decoration: none"><font face="arial" size="-1"><b>Link 2</b></font></a>
</td></tr><tr><td>
<a href="http://" target="_blank" style="text-decoration: none"><font face="arial" size="-1"><b>Link 3</b></font></a>
</td></tr><tr><td>
<a href="http://" target="_blank" style="text-decoration: none"><font face="arial" size="-1"><b>Link 4</b></font></a>
</td></tr><tr><td>
<a href="http://" target="_blank" style="text-decoration: none"><font face="arial" size="-1"><b>Link 5</b></font></a>
</td></tr><tr><td>
<a href="http://" target="_blank" style="text-decoration: none"><font face="arial" size="-1"><b>Link 6</b></font></a>
</td></tr><tr><td>
<a href="http://" target="_blank" style="text-decoration: none"><font face="arial" size="-1"><b>Link 7</b></font></a>
</td></tr><tr><td>
<a href="http://" target="_blank" style="text-decoration: none"><font face="arial" size="-1"><b>Link 8</b></font></a>
</td></tr></table></div>

Free JavaScripts provided
by Winfolinx.com


Back