[SOLUCIONADO] mover pixel a pixel un div

nenu_racso90 · #1 (**permalink**) 15/08/2013, 11:40

hola buenas me gustaría hacer una consulta si me pueden ayudar en el siguiente código ay un div que quiero que se mueva horizontalmente desde el borde izquierdo cada 5 pixeles hasta digamos el centro de la pantalla:

<html>
<head>

<script type="text/javascript">

function moverIzquierda()
{document.getElementById("b1").style.left= ;}

</script>

<style>

#b1{position:absolute;top:50%;left:0px;width:30px; height:30px;background-color:black;}

</style>
</head>

<body>

<div id="b1" onload="moverIzquierda()"></div>

</body>
</html>

patilanz · #2 (**permalink**) 15/08/2013, 11:54

Bastante simple:

Código Javascript:

Ver originalsetInterval(function(){
            var div=document.querySelector('div');
            var pixels=div.style.left.substring(0,div.style.left.length-2)*1;
            div.style.left=(pixels+5)+'px';
        },50);