Tengo que simular en un sitio que se abre un telón desde el medio de la pantalla para luego mostrar un sitio, hasta ahora logre hacer algo asi pero no termina de ser lo que quiero [URL="http://abranpasoweb.com.ar/fulls.html"]http://abranpasoweb.com.ar/fulls.html[/URL] Como hago para que arranquen ambos divs a abrirse desde el medio? debajo pongo por las dudas todo el código, muchas gracias!
Código:
<head>
<style type="text/css">
body {
margin:0px;
background-color:#000;
text-align:center;
overflow:hidden;
}
#logo {
position: absolute;
z-index:11;
float:right;
background-image: url(img/telon.jpg);
height:100%;
width:100%;
background-color:#333;
}
#logo2 {
position: absolute;
z-index:12;
float:left;
background-image:url(img/telon.jpg);
height:100%;
width:100%;
background-color:#333;
}
</style>
</head>
<body>
<div id="logo"></div>
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script>
$(document).ready(function(){
$('#logo').animate({right:"+=1950"},4000);
});
</script>
<div id="logo2"></div>
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script>
$(document).ready(function(){
$('#logo2').animate({left:"+=1950"},4000);
});
</script>
</body>