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";
}
