Ver Mensaje Individual
  #6 (permalink)  
Antiguo 21/04/2003, 03:47
Adso
 
Fecha de Ingreso: marzo-2002
Mensajes: 88
Antigüedad: 22 años, 11 meses
Puntos: 1
Muchas gracias por la respuesta. El código va bien excepto en una cosa.
Yo lo que quiero hacer es que cuando una capa se desplace hacia abajo la otra capa que esté abajo suba.
Como lo que tengo son tres capas la línea del onmouseover es la siguiente:

<Input Type="button" Value="capa2" onmouseover="MueveCapa(capa2); DevuelveCapa(capa1); DevuelveCapa(capa3)">

Pero lo que ocurre es que solo me devuelve una capa y la otra va subiendo cada vez que paso el ratón por el botón.
El código es este:
<HTML>
<HEAD>
<TITLE>Página con Fomulario </TITLE>
</HEAD>
<BODY>
<Script language="JavaScript">
<!--
<!--
var tempcapa;
var tempcapa1;
function MueveCapa(capa){
tempcapa=capa;
var anty, limite=145;
anty= parseInt(capa.style.top);
if (anty>limite){
return true;
}
else{
capa.style.top= anty + 10;
setTimeout("MueveCapa(tempcapa)",10);
}
return true;
}

function DevuelveCapa(capa1){
tempcapa1=capa1;
var anty1, limite1=12;
anty1= parseInt(capa1.style.top);
if (anty1<limite1){
return true;
}
else{
capa1.style.top= anty1 - 10;
setTimeout("DevuelveCapa(tempcapa1)",5);
}
return true;
}
//-->
</Script>

<CENTER>
<H3> Pantalla de Movimiento </H3>
</CENTER>

<div id="capa1" Style="position:absolute; left:500px; top:0px;
visibility:visible;z-index:1;">
Soy la capa1

</div>
<div id="capa2" Style="position:absolute; left:500px; top:0px;
visibility:visible;z-index:2;">
Soy la capa2

</div>
<div id="capa3" Style="position:absolute; left:500px; top:0px;
visibility:visible;z-index:3;">
Soy la capa3

</div>

<div id="capa4" Style="position:absolute; left:20px; top:100px;
visibility:visible;z-index:2;">
<Form name="miform">
<Input Type="button" Value="capa1" onmouseover="MueveCapa(capa1); DevuelveCapa(capa2); DevuelveCapa(capa3)">
<Input Type="button" Value="capa2" onmouseover="MueveCapa(capa2); DevuelveCapa(capa1); DevuelveCapa(capa3)">
<Input Type="button" Value="capa3" onmouseover="MueveCapa(capa3); DevuelveCapa(capa1); DevuelveCapa(capa2)">
</Form>

</div>

</BODY>
</HTML>

¿por qué no me sube las dos capas a la vez?
Gracias por vuestra paciencia conmigo.