Mostrando Codigo - Dhtml
Control de movimiento de una capa
Ejemplo con el que mostramos como se activaria el movimiento de una capa o layer
EXPLICACION
El codigo esta comentado.
La capa o layer puede contener imagenes, enlaces, textos, etc...
CODIGO
<!-- Codigo ofrecido por Tutores.org -->
<HTML><head>
<script>
<!-- codigo ofrecido por tutores.org
// Posicion inicial
var xpos=0;
var Id=0;
function mueve(){
if(!Id){
mueve_menu();
xpos=0;
}
}
function mueve_menu(){
xpos++;
if(document.layers){
document.menu.left=xpos;
}
if(document.all){
document.all.menu.style.left=xpos;
}
if(!document.all && document.getElementById){
document.getElementById("menu").style.left=xpos+"px";
}
if (xpos>=screen.width){
window.clearTimeout(Id);Id=0;
}else{
Id = window.setTimeout("mueve_menu();",100);
}
}
// -->
</script></head>
<body>
<!-- Este seria la capa, donde configuraremos el color texto incluso añadir enlaces. -->
<div id="menu" style="position:absolute;left:0;top:100;width:100;background-color:#990000; visibility:visible"><font color="#FFFFFF" size="2" face="verdana">Este
es el Layer en moviemiento</font></div>
<!-- Enlace que se encarga del movimiento de la capa -->
<a href="#" onClick="mueve();">Mover</a> </body></HTML>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Control de movimiento de una capa" href="http://www.tutores.org/codigo/613/" target="_blank">Control de movimiento de una capa</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Control de movimiento de una capa" href="http://www.tutores.org/codigo/613/" target="_blank">Control de movimiento de una capa</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Falstelo 19-04-2007 10:01:26
Lo probé ayer mismo y no me funcionó ni en Internet Explorer ni en Firefox, pese a que revisé el código varias veces. No sé, volveré a intentarlo, pero...
Tutores.org 19/04/2003
Hola Falstelo
Hemos probado el codigo y funciona con Explorer 5+, Firefox, Opera y Netscape
si lo pruebas el codigo en la demo que ofrecemos o en el editor deberia de funcionarte
saludos
Hemos probado el codigo y funciona con Explorer 5+, Firefox, Opera y Netscape
si lo pruebas el codigo en la demo que ofrecemos o en el editor deberia de funcionarte
saludos
INSERTAR COMENTARIO