Div de desplazamiento hacia lados

[WinGFX]

Ultimamente hemos visto que una navegación que se considera estandarizada es el desplazamiento de arriba a abajo, pero en ocasiones alguien quisiera una navegación de izquierda a derecha (como yo) pues hice algo en el que pueda dar utilidad y para dar una permanencia en el Navegador.

Les estoy hablando del Desplazador de Capas a los lados, funcion que usa en lugar del pageYOffset la cambiamos por el pageXOffset. Se mueve muy constante. a la dirección del scroll de izqauierda a derecha.

Sin mas preambulos, aqui está el código!

Primero colocamos la capa que hará el movimiento:

Código HTML:

<DIV id="IzqaDer" STYLE="position:absolute;left:10;top:291px;width:150;">
<TABLE WIDTH="150" BORDER="2" BGCOLOR="#EAEAEA">
<TR>
  <TD align="center"><FONT FACE="Arial" SIZE=5>WinGFX</FONT></TD>
</TR>
<TR>
<TD align="center">
  <p><A HREF="#">Inicio</A><br>
      <A HREF="#">Quien soy? </A><br>
      <A HREF="#">Widgets</A><br>
      <A HREF="#">AJAX</A><br>
      <A HREF="#">Escribeme</A><br>
</p>
  <p>Esta capa se mueve dependiendo de su posici&oacute;n de arriba, esta no subir&aacute; ni bajar&aacute;, se mantiene en su posici&oacute;n. </p></TD>
</TR>
</TABLE>
</DIV>
 

Y segundo el código del desplazador:

Código HTML:

<script language="javascript" type="text/javascript">
function WinGFX_Float2LeftRight()
{
 var startX = 10, startY = 200; // Variables de inicio en Y y X.
 var ns = (navigator.appName.indexOf("Netscape") != -1); // Si no es IE
 var d = document;
 var px = document.layers ? "" : "px";
 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+px;};
  el.x = startX; el.y = startY;
  return el;
 }
 window.stayTopLeft=function()
 {
  var pX = ns ? pageXOffset : document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft;
  var dX = (pX > startX) ? pX : startX;
  floatObj.x += (dX - floatObj.x)/8;
  floatObj.sP(floatObj.x, floatObj.y);
  setTimeout("stayTopLeft()", 20);
 }
 floatObj = ml("IzqaDer");
 stayTopLeft();
}
WinGFX_Float2LeftRight();
</script> 

Pero antes quiero explicar que lo he probado en Opera, Firefox y por supuesto en Internet Explorer, funciona a la perfección.

Hagan la prueba y pues me dicen que tal el script, y si vale la pena incluirlo en las FAQ.

Uy!!!! Se me olvidaba!!!!

Usemos esta parte de codigo para probar que el desplazador funciona.
(Recomiendo que esta parte sea colocada después de la capa que hará la funcion de desplazarse en sí)

Código HTML:

<table cellpadding="0" cellspacing="0" border="0" width="2500">
 <tr>
  <td>&nbsp;</td>
 </tr>
</table>