Mostrando Codigo - Dhtml
EXPLICACION
Sencillo menu flotante 100% customizable
if (!document.layers)
document.write('
<div id="divStayTopLeft" style="position:absolute">')
<layer id="divStayTopLeft">
<!--Parte editable del menu-->
<table border="1" width="130" cellspacing="0" cellpadding="0">
<td width="100%" bgcolor="#CC0000">
<p align="center"><b><font color="#FFFFFF" size="4">Menu
</font></b></td>
<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>
<!--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)
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();
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
COMENTARIOS
Comentario usuario
5
5
Buen código, pero no funciona en internet explorer. gracias.
Comentario usuario
3
5
Deberían insertar el ejemplo del scrip
Comentario usuario
1
5
buenisimo maestro ...funciona muy bien.
Comentario usuario
4
5
a mi no me funciona tengo el xplore
Comentario usuario
3
5
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]
Comentario usuario
4
5
Muy bueno el codigo... funciona Ok...
Gracias
Comentario usuario
2
5
Y el ejemplo? que es eso de:Tu comentario debe de contener al menos 20 caracteres. puras fallas.