Mostrando Codigo - Dhtml

Sencillo menu flotante 100% customizable

<!-- Codigo ofrecido por Tutores.org -->
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--Parte editable del menu-->
<table border="1" width="130" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#CC0000">
<p align="center"><b><font color="#FFFFFF" size="4">Menu</font></b></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF">
<p align="left"> <a href="http://www.google.com">Google</a><br>
<a href="http://www.altavista.com">Altavista</a><br>
<a href="http://www.yahoo.com">Yahoo.com</a><br>
<a href="javascript:;window.print()">Imprimir Pagina</a><br>
<a href="javascript:;window.close()">Cerrar Pagina</a></td>
</tr>
</table>
<!--Fin de Edicion-->

</layer>


<script type="text/javascript">

/*
Script traducido para uso en tutores.org
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Indicamos la verticalidad Fromtop - Desde arriba o frombottom - desde abajo
var verticalpos="frombottom"

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

function JSFX_FloatTopDiv()
{
var startX = 3,
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>

<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Menu Flotante" href="http://www.tutores.org/codigo/385/" target="_blank">Menu Flotante</a>
<!-- Final enlace Tutores.org -->

harold rodríguez

Buen código, pero no funciona en internet explorer. gracias.

Pedro 13-11-2007 12:52:07

Deberían insertar el ejemplo del scrip

seba_27_bs

buenisimo maestro ...funciona muy bien.

mundi 22-07-2009 19:23:13

a mi no me funciona tengo el xplore

Franco_mweper

Hola a todos:

Muy bueno el code. Me recontra sirvió.
Gracias por la ayudita.

[url=http://mweper.es.tl/][img]http://img.webme.com/pic/m/mweper/userbar-mweper-2009.png[/img][/url]

roberto 15/02/2005 20.54.27

Muy bueno el codigo... funciona Ok...

Gracias

etzekiel

Y el ejemplo? que es eso de:Tu comentario debe de contener al menos 20 caracteres. puras fallas.