<style>
.menu
{
top:125; left:150; width: 100;
      position: absolute;
      z-index: 15000;
      padding:5;
      border-width: 1;
      border-style: ridge;
      color: #000;
}
</style>

<script language="JavaScript">
var mpos=new Array();
var mdir=new Array();
var maxmenus=3;
var delay=20;
function do_menu(menu)
{
      for(i=0; i<maxmenus; i++)
      {
          if(menu!=i && mpos[i]>-125)
          {
              mdir[i]=-4;
              if(mpos[i]>=0)
                  move_menu(i);
          }
      }
      mdir[menu]=-mdir[menu];
      if(mpos[menu]<=-125 || mpos[menu]>=0)
          move_menu(menu);
}
function move_menu(menu)
{
      mpos[menu]+=mdir[menu];
      if(document.layers)
          document.layers["menu"+menu].top=mpos[menu];
      else
          document.all["menu"+menu].style.top=mpos[menu];
      if(mpos[menu]>-125 && mpos[menu]<0)
          setTimeout("move_menu("+menu+")", delay);
}
function init()
{
      for(i=0; i<maxmenus; i++)
      {
          mpos[i]=-125;
          mdir[i]=-4;
      }
}
</script>

<div class="menu"><a href="javascript:do_menu(1)">Ссылка</a></div>
<div id="menu1" class="menu" style="top:-125; left:200; width: 400;">
<p>$LOG_FORM$<br>
</div>

<div class="menu" style="top:240; left:129; z-index:2; width: 50; background: red"><a href="javascript:do_menu(2)"><b><p>Ссылка 2</b></a></p>
</div><div id="menu2" class="menu" style="top:-122; left:129; width: 200; background: red">
<p>Ваша ссылка</p>
</div>