Foros del Web » Creando para Internet » CSS »

mover un div

Estas en el tema de mover un div en el foro de CSS en Foros del Web. Hola,cuando guardo cambios me gustaria mover el div como si viniera de la derecha y luego quitarlo. Tengo esto: <div id="divAutoComp" style="border: thin solid #3b5999; ...
  #1 (permalink)  
Antiguo 22/07/2010, 14:51
Avatar de triqui  
Fecha de Ingreso: diciembre-2008
Ubicación: Zaragoza(España)
Mensajes: 624
Antigüedad: 9 años
Puntos: 31
Pregunta mover un div

Hola,cuando guardo cambios me gustaria mover el div como si viniera de la derecha y luego quitarlo.

Tengo esto:

<div id="divAutoComp" style="border: thin solid #3b5999; font-family:Comic Sans MS;background-color:#c3dcfb; color:Black; font-size:x-small; position: relative; top: -20px; left: 0px; width: 450px; height: 15px; visibility: hidden;"></div>


llamo ala funcion ver y voy incrementando el tiempo y la posicion top, pero solo me lo meve un poco un solo movimiento y no el efecto ke quiero.

el ('<%= this.divAutoComp.ClientID %>') es asi ya que utilizo asp.net

seguramente habra algo ya para moverlo.

podeis ayudarme.


function ver() {
document.getElementById('<%= this.divAutoComp.ClientID %>').style.visibility = "visible";
setTimeout(function() { MoverTexto1(); }, 500);
}
function MoverTexto1() {

document.getElementById('<%= this.divAutoComp.ClientID %>').style.top = "-15px";
setTimeout(function() { MoverTexto2(); }, 800);

}
function MoverTexto2() {

document.getElementById('<%= this.divAutoComp.ClientID %>').style.top = "-10px";
setTimeout(function() { MoverTexto3(); }, 1100);

}
function MoverTexto3() {

document.getElementById('<%= this.divAutoComp.ClientID %>').style.top = "-5px";
setTimeout(function() { MoverTexto4(); }, 1400);

}
function MoverTexto4() {

document.getElementById('<%= this.divAutoComp.ClientID %>').style.top = "0px";
setTimeout(function() { MoverTexto5(); }, 1700);

}
function MoverTexto5() {

document.getElementById('<%= this.divAutoComp.ClientID %>').style.top = "20px";
setTimeout(function() { MoverTexto6(); }, 2000);

}
function MoverTexto6() {

document.getElementById('<%= this.divAutoComp.ClientID %>').style.top = "80px";
setTimeout(function() { MoverTexto(); }, 3000);

}
function MoverTexto() {

setTimeout(function() { quitar(); }, 1000);

}




function quitar() {

document.getElementById('<%= this.divAutoComp.ClientID %>').style.visibility = "hidden";

}
__________________
La nueva red social de quinielas quiniela resultados
Cazaresultados Futbol base en directo

Etiquetas: mover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:13.