Holo a tod@s, tengo el siguiente problema, copio los trozos del código. El script me funciona bien. De antemano les digo que soy novato en jquery. El problema lo tengo con la resolución de pantalla tengo los textos en capas relativas pero cuando bajo de resolución no me baja igual las capas texto1 y texto2 se quedan como absolutas. Si alguien es tan amable y me puede ayudar
Código:
#texto1{
font-family:'canarias', Arial, Verdana, sans-serif; !important
font-size:99px;
left:-810px;
position:relative;
top:208px;
width:728px;
}
#texto2{
font-family:'canarias', Arial, Verdana, sans-serif; !important
font-size:99px;
left:-810px;
position:relative;
top:208px;
width:728px;
}
Código:
<script>
$(document).ready(function(){
$('#texto1').animate({
left:'200px',
},3000);
$('#texto2').animate({
left:'500px',
},3000);
$('#texto1').animate({
opacity: 0
},3000);
$('#texto2').animate({
opacity: 0
},3000);
});
});
</script>
Código:
</head>
<body>
<div class="contenedor_caja">
<div id="texto1">prueba 1</div>
<div id="texto2">prueba 2 </div>
</div>
</div>