[SOLUCIONADO] alguien podria explicarme esto?

nenu_racso90 · #1 (**permalink**) 05/09/2013, 07:15

no entiendo mucho de javascript aun
encontre este codigo que ace lo que quiero pero no se como poder modificarlo me lo podia explicar alguien recordar ke soi novato

<html>
<head>
<style>
#capa{
position:absolute;
left:10px;
top:10px;
width:50px;
height:50px;
border:solid;
}
</style>
<script Language="javascript">
function posicio(lloc)
{
document.getElementById("capa").style.left=lloc+"p x";
lloc=lloc+1;

if(lloc!=500) setTimeout("posicio("+lloc+")",10);
}
</script>
</head>
<body onLoad=posicio(50)>
<div id="capa">Capa1</div>
</body>
</html>

PHPeros · #2 (**permalink**) 05/09/2013, 07:25

Por lo que veo posiciona el elemento 50px a la izquierda.

nenu_racso90 · #3 (**permalink**) 05/09/2013, 08:12

como podria canbiarle a 50% de la izquierda y canbiando mas cosas para entenderlo mejor? es decir el lloc ese que esta por ay y cosas asi ponerlo mas sencillo

lilmaster · #4 (**permalink**) 05/09/2013, 08:22

Usando Jquery

http://jquery.com/download/

O pon esto dentro de las etiquetas <head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Código HTML:

<body>
 
<div>
  <p>Hello</p>
</div>

</body>

<script>

var p = $("p");//capturamos la etiqueta p

var position = p.position();//a la variable p capturamos la posicion

$("p").css({
	left:position+(50+"px")

})//a la etiqueta p muevalo a la izquierda  donde esta + 50 pixeles

</script>