Quick Web Page Menu - Code continued
(Page 3 of 4 )
menuClicked = true;
onlyBodyClicked = true;
}
function hideMenus()
{
if ((onlyBodyClicked == true)&&(menuClicked == false))
{
document.getElementById("D1").style.visibility = "hidden";
document.getElementById("D2").style.visibility = "hidden";
}
//reset the menuClicked flag
menuClicked = false;
}
</script>
</head>
<body onclick="hideMenus()">
<table class="menu">
<tr>
<td onclick="showHideMenu('D1')">
Pull Down First Menu <br />
<div id="D1" style="visibility:hidden">
<a href = "http://www.website.com">First Link </a><br />
<a href = "http://www.website.com">Second Link</a><br />
<a href = "http://www.website.com">Third Link</a><br />
<a href = "http://www.website.com">Fourth Link</a>
</div>
</td>
<td>
</td>
<td onclick="showHideMenu('D2')">
Pull Down Second Menu <br />
<div id="D2" style="visibility:hidden">
<a href = "http://www.website.com">First Link </a><br />
<a href = "http://www.website.com">Second Link</a><br />
<a href = "http://www.website.com">Third Link</a><br />
<a href = "http://www.website.com">Fourth Link</a>
</div>
</td>
</tr>
</table>
Many elements will go here. This can include Paragraphs, links tables, etc.
</body>
</html>
Next: Explanation of Code >>
More HTML Articles
More By Chrysanthus Forcha
/ 7 
