div的循环运动

Question

这是我要创建的网页的模板。我希望div的内容（div-1到div-8）在它们之间旋转。

除了使用定时器功能更改div的位置之外，还有其他方法。

可以移动div的内容，div位于其位置。

在html5中有任何可能对这种情况有利的功能

Answer 1

您可以尝试使用关键帧进行操作。 我使用了jquery _obj.keyframes方法和jquery Keyframes插件来合并解决方案。 你可以检查github上的代码： github repo

Answer 2

您可以尝试jQuery路径插件，例如：

$(_oObj).animate({
    path : new $.path.arc({
        center : [_nAxis, _nAxis],
        radius : _nRadius,
        start : _nStart,
        end : _nStart,
        dir : 1
    })
}, 1, "swing", function() {
});