javascript 怎麽讓壹個div或span 沿著正弦曲線運動。

我寫了壹段：<!DOCTYPE?html>

<html>

<head>

<title>JS?Bin(代碼在jsbin上但是由於知道發鏈接會認為推廣)</title>

</head>

<body>

<div?class="holder">

<img?src="

</div>

</body>

</html>

js代碼：

$(function()?{

var?x?=?0;

var?y?=?0;

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

function?scrollImg()?{

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

var?left?=?y;

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

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

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

y?=?y?+?1;

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

});

if?(y?>?800)

clearInterval(tt);

}

});

不過我的方向是水平正弦曲線，妳修改成壹下！就當給妳壹個思路，妳可以設置壹下移動的寬度，移動到壹定程度在返回，看妳的需求了！