通过更改位置动画html标记不流畅

Question

我会沿着椭圆路径为一个图像设置动画。 我有这个功能的问题，我每秒重复60次。

function updateTick(){
    actualDegree += incrementDegree;
    for(var i = 0; i < ads.length; i++){
        sin = Math.sin(actualDegree + (Math.PI * 2 / len * (i + 1) ));
        cos = Math.cos(actualDegree + (Math.PI * 2 / len * (i + 1) ));

        var zIndex = ( cos + 1 ) / (2);
        zIndex = parseInt(zIndex * len);

        adsBox[i].css({
            marginLeft: adsBox[i].data("mLeft") + ( radX * sin ),
            marginTop: adsBox[i].data("mTop") + ( radY * cos ),
            zIndex: zIndex
        });
    }
}
timerID = setInterval(updateTick, interval);

问题是这些物体的动画并不平滑。

这个Laggy animation就是我所做的一个例子，你可以看到这不像css3动画Smooth animation