Så ligger du dette ind i dropdown.htm:
<script type="text/javascript" src="dropdown.js">
</script>
</head>
<body>
<table border="0" width="340" cellspacing="0" cellpadding="0">
<tr>
<td width="33%">
<div id="menu_parent" style="width: 100px; border: 1px solid black; background: #FFFFEE; padding: 0px 5px; font-weight: 900; color: #008000;">Main Menu</div>
<div id="menu_child" style="position: absolute; visibility: hidden; background: #FFFFEE;">
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 1</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 2</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0;" href="#">Item 3</a>
</div>
<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>
</td>
<td width="33%">
<div id="menu_parent1" style="width: 100px; border: 1px solid black; background: #FFFFEE; padding: 0px 5px; font-weight: 900; color: #008000;">Main Menu</div>
<div id="menu_child1" style="position: absolute; visibility: hidden; background: #FFFFEE;">
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 1</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 2</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0;" href="#">Item 3</a>
</div>
<script type="text/javascript">
at_attach("menu_parent1", "menu_child1", "hover", "y", "pointer");
</script>
</td>
<td width="34%">
<div id="menu_parent2" style="width: 100px; border: 1px solid black; background: #FFFFEE; padding: 0px 5px; font-weight: 900; color: #008000;">Main Menu</div>
<div id="menu_child2" style="position: absolute; visibility: hidden; background: #FFFFEE;">
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 1</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 2</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0;" href="#">Item 3</a>
</div>
<script type="text/javascript">
at_attach("menu_parent2", "menu_child2", "hover", "y", "pointer");
</script>
</td>
</tr>
</table>
-------------------------------
Så har du 3 menu'er som står ligesom her på siden..
Ny bruger
Nybegynder
Opret
Preview
