div's循环运动

Question

​

​

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

除了使用计时器函数改变div的位置之外，还有其他方法吗？

是否可以移动div的内容，而div位于它们的位置。

在html5中，有什么特性可以对这种情况有利吗？

Answer 1

你可以试着用关键帧来做。我使用了_obj.keyframes插件和_obj.keyframes插件来合并解决方案。您可以检查github：github回购上的代码

Answer 2

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

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