Menú flotante: algo más estético

[majesus]

Acabo de leer el siguiente script recogido de mundojavascript.com. No obstante, el movimiento del menú flotante es demasiado brusco y ando buscando algo más estético ... que realmente dé la sensación de "rebotar" ... con suavidad.

Los he visto y no recuerdo la página donde fue.

Si alguien fuera tan amable de indicarme páginas y scripts que reproduzcan el movimiento solicitado ... le estaría muy agradecido.


Os indico en el próximo mensaje el script de mundojavascript.com; por si a alguno le fuese de interés.

Un saludo,

majesus



<a href="http://www.canalpublicidad.com"><img border="0" src="http://www.canalpublicidad.com/images/banner_foro.gif" width="468" height="60"></a>

[majesus]

&lt;div id=&quot;point1&quot; STYLE=&quot;position:absolute;visibility:visible;& quot;&gt;
&lt;!--Configure the table below.--&gt;
&lt;table width=&quot;100&quot; border=&quot;1&quot; bordercolor=&quot;#BBBBBB&quot; cellspacing=&quot;0&quot; cellpadding=&quot;4&quot;&gt;
&lt;tr&gt;
&lt;td align=center&gt;
&lt;img src=&quot;image1.gif&quot; alt=&quot;Menu&quot;&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=center&gt;
&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;somepage.html&quot;&gt;Link One&lt;/a&gt;&lt;/font&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=center&gt;
&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;somepage.html&quot;&gt;Link Two&lt;/a&gt;&lt;/font&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=center&gt;
&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;somepage.html&quot;&gt;Link Three&lt;/a&gt;&lt;/font&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=center&gt;
&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;somepage.html&quot;&gt;Link Four&lt;/a&gt;&lt;/font&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=center&gt;
&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;somepage.html&quot;&gt;Link Five&lt;/a&gt;&lt;/font&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;!--DO NOT EDIT BELOW THIS LINE --&gt;
&lt;/div&gt;


&lt;script LANGUAGE=&quot;JavaScript1.2&quot;&gt;


var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=30;

//Begin of the unchangable area, please do not modify this area
var YY=0;
var ch=0;
var oh=0;
var yon=0;

var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&amp;&amp;!document.all ?1:0

if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility=&quot;hidden&quot;;
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}


function reloc1()
{

if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById(&quot;point1&quot;).off setHeight
}

if(YY&lt;0){yon=1;YY=0;}
if(YY&gt;=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById(&quot;point1&quot;).style. left=XX
document.getElementById(&quot;point1&quot;).style. top=YY+window.pageYOffset
}

}

function onad()
{
if(ns4)
document.point1.visibility=&quot;visible&quot;;
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}

if (ie||ns4||ns6)
window.onload=onad

&lt;/script&gt;

<a href="http://www.canalpublicidad.com"><img border="0" src="http://www.canalpublicidad.com/images/banner_foro.gif" width="468" height="60"></a>

[majesus]

Esta es una de las páginas ...

http://www.glassdog.com/

Un saludo,

majesus

<a href="http://www.canalpublicidad.com"><img border="0" src="http://www.canalpublicidad.com/images/banner_foro.gif" width="468" height="60"></a>