¤ Clicca qui per visualizzare la demo... ¤

<STYLE>
#m1 {
  BORDER-RIGHT: black 1px solid;
  BORDER-TOP: black 1px solid;
  FONT: bold 14px/20px times;
  BORDER-LEFT: black 1px solid;
  COLOR: black;
  BORDER-BOTTOM: black 1px solid;
  POSITION: absolute;
  BACKGROUND-COLOR: white
}
</STYLE>

<SCRIPT LANGUAGE="JavaScript1.2">

var menu = '';

function mostra(m)
{
  if (menu!='' && parseInt(menu.left)>-80)
  {
    if (document.all && menu!=m.style)
      menu.left = -81;
    if (!document.all && menu!=m)
      menu.left = -81;
  }
  if (window.ritrai) clearInterval(ritrai);
    if (document.all) menu = m.style;
  else menu = m;
    espandi = setInterval("mostram()",5);
}

function nascondi(m)
{
  if (window.espandi)
    clearInterval(espandi);
  if (document.all)
    menu = m.style;
  else
    menu = m;
  ritrai = setInterval("nascondim()",5);
}

function mostram()
{
  app = parseInt(menu.left);
  if (app>-2 && window.espandi)
  {
    clearInterval(espandi);
  }
  else
  {
    app += 10;
    menu.left = app;
  }
}

function nascondim()
{
  app = parseInt(menu.left);
  if (app<-80 && window.ritrai)
  {
    clearInterval(ritrai);
  }
  else
  {
    app -=10;
    menu.left = app;
  }
}

</SCRIPT>

<script language="JavaScript1.2">
<!--
var top = 30;
if (document.all)
{
  document.write('<DIV ID="m1" STYLE="top: ' + top + '; left: -81; width: 100" ONMOUSEOVER="mostra(this)" ONMOUSEOUT="nascondi(this)">');
}
else
{
  document.write('<LAYER ID="m1" TOP="' + top + '" LEFT="-81" width="100" ONMOUSEOVER="mostra(this)" ONMOUSEOUT="nascondi(this)">');
}
// -->
</script>

<!-- Contenuto del menù -->
<table border="0" bgcolor="white" cellspacing="0" cellpadding="0" width="100">
<td width="100%" valign="top">
<table width="100%" border="0" cellspacing="1" cellpadding="2" height="150">
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link1</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link2</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link3</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link4</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link5</a></td></tr>
</table>
</td>
<td valign="top"><img src="bordo.gif" border="0" width="20" height="150"></td></tr>
</table>
<!-- Fine del contenuto -->

<script language="JavaScript1.2">
<!--
if (document.all)
{
  document.write('</DIV>');
}
else
{
  document.write('</LAYER>');
}
// -->
</script>