creating "tab like" menus

admin · Jan 9, 2008

i would like to create tab like menus, like the ones that are used in hotmail(for home, inbox, outbox etc) or preferably, a button that when the mouse pointer is on it, shows a drop down list of different headings.this is a simple example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body>
<div><a href=http://www.webdeveloper.com/forum/archive/index.php/"javascript:void(0);" onClick="tabs(indexA,indexB,indexC)">tab a</a>
| <a href=http://www.webdeveloper.com/forum/archive/index.php/"javascript:void(0);" onClick="tabs(indexB,indexA,indexC)">tab b</a>
| <a href=http://www.webdeveloper.com/forum/archive/index.php/"javascript:void(0);" onClick="tabs(indexC,indexA,indexB)">tab c</a></div>
<div id="indexA" style="visibility: hidden;">clicking on tab a displays index
a</div>
<div id="indexB" style="visibility: hidden;">clicking on tab b displays index
b</div>
<div id="indexC" style="visibility: hidden;">clicking on tab c displays index
c</div>
</body>
</html>

creating "tab like" menus

admin

Administrator