Red de conocimiento informático - Aprendizaje de programación - Javascript Cómo hacer que un div o span se mueva a lo largo de una curva sinusoidal.

Javascript Cómo hacer que un div o span se mueva a lo largo de una curva sinusoidal.

Escribí un párrafo:

JS?Bin (el código está en jsbin, pero como todos sabemos, publicar los enlaces se considerarán promoción)

< img?src ="

código js: $(función()?{

var?x?=?0;

var?y?=?0;

var?tt?=?setInterval(scrollImg,?10);

función?scrollImg()?{

var?top?=?Math.abs(Math.sin(x)*50?+?100);

var ?left?=?y;

$(".holder").find('img').each(function()?{

var?$this ?=? $(esto);

$(esto).css({"margin-top"? :?top?+?" px",?margin-left"? :?y?+ ?" px "});

y?=?y?+?1;

x?=?(0.03)?*?y?+?2;

});

if?(y?>?800)

clearInterval(tt);

}

});

if? ¡Puedes establecer el ancho del movimiento y moverte a un cierto punto de retorno según tus propias necesidades!