images
 

In the head --> <script src='http://26may.1984.googlepages.com/bloggermenu.js' type='text/javascript'/>

 

In the layout body --> <table><tr>

<td style="width: 100px">
<div id="first_parent" class="sample_attach">
First Menu</div>
<div id="first_child" style="position: absolute; visibility: hidden;">
<a class="sample_attach" href="#">Item 1</a>
<a class="sample_attach" href="#">Item 2</a>
<a class="sample_attach" href="#">Item 3</a>
<a class="sample_attach" href="#">Item 4</a>
<a style="border-bottom: 1px solid black;" class="sample_attach" href="#">Item 5</a>
</div></td>

<td style="width: 100px">
<div id="Second_parent" class="sample_attach">
Second Menu</div>
<div id="second_child" style="position: relative; visibility: hidden;">
<a class="sample_attach" href="#">Item 1</a>
<a class="sample_attach" href="#">Item 2</a>
<a style="border-bottom: 1px solid black;" class="sample_attach" href="#">Item 3</a>
</div></td>
<td style="width: 100px"></td>
</tr>
</table>
<script type="text/javascript">
at_attach("first_parent", "first_child", "hover", "y", "pointer");
at_attach("Second_parent", "second_child", "hover", "y", "pointer");
</script>