Javascript Example
Screen shot
Javascript drop down menu

<html>
<head>
<title>Javascript menu</title>
<script language="javascript" type="text/javascript">

function show(str)
{
    if(str==1){
    document.getElementById("choice1").style.visibility='visible';
    document.getElementById("choice2").style.visibility='hidden';
    }
   
    if(str==2){
    document.getElementById("choice1").style.visibility='hidden';
    document.getElementById("choice2").style.visibility='visible';
    }
}
</script>
</head>

<body">
<div id="mymenu1"  style="width:100px; cursor:pointer">

<!--Menu 1-->
<div style="float:left; margin:5px;">
<div style="background-color:#006699; color:#FFFFFF; width:100px;" onmouseover="show(1);">Univeristies</div>
<div id="choice1" style="background-color:#CCCCCC; width:100px; visibility:hidden">
<a href="#">IGNOU</a><BR />
<a href="#">SMU</a><BR />
<a href="#">PTU</a><BR />
<a href="#">MDU</a><BR />
<a href="#">ICFAI</a><BR />
</div>
</div>
</div>

<!--Menu 2-->
<div style="float:left; margin:5px;">
<div style="background-color:#006699; color:#FFFFFF; width:100px;" onmouseover="show(2);">Course</div>
<div id="choice2" style="background-color:#CCCCCC; width:100px;visibility:hidden">
<a href="#">BCA</a><BR />
<a href="#">MCA</a><BR />
<a href="#">BTech</a><BR />
<a href="#">BBA</a><BR />
<a href="#">Bsc.</a><BR />
</div>
</div>
</div>





</body>
</html>

You can download source code here