JavaScript Tutorial: Creating floating menus using Javascript

The following code can be used to create floating menus using Javascript.

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<script language="Javascript">
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">
   
   <table width="100"   border="0" cellspacing="1" cellpadding="3">
         <tr>
            <td bgcolor="#FFFFEC" scope="col"><span class="style5"><a href="expertsforge.com">Home</a></span></td>
         </tr>
         <tr>
            <td bgcolor="#FFFFEC" scope="row"><span class="style5"><a href="expertsforge.com/programming">Programming</a></span></td>
         </tr>
         <tr>
            <td bgcolor="#FFFFEC" scope="row"><a href="expertsforge.com/web-development/"><span class="style5">Web Development </span></a></td>
         </tr>
         <tr>
            <td bgcolor="#FFFFEC" scope="row"><span class="style5"><a href="expertsforge.com/search-engine-optimization">SEO</a></span></td>
         </tr>
      </table>
   
</layer>

<script type="text/javascript">

//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()
{
   var startX = 900,
   startY = 150;
   var ns = (navigator.appName.indexOf("Netscape") != -1);
   var d = document;
   function ml(id)
   {
      var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x;this.style.top=y;};
      el.x = startX;
      if (verticalpos=="fromtop")
      el.y = startY;
      else{
      el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
      el.y -= startY;
      }
      return el;
   }
   window.stayTopLeft=function()
   {
      if (verticalpos=="fromtop"){
      var pY = ns ? pageYOffset : document.body.scrollTop;
      ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else{
      var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
      ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
   }
   ftlObj = ml("divStayTopLeft");
   stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
</body>
</html>