Javascript div'的循环运动;s

Javascript div'的循环运动;s,javascript,jquery,performance,html,Javascript,Jquery,Performance,Html,这是我要创建的网页的模板。我希望div的内容(div-1到div-8)在它们之间旋转 除了使用定时器功能更改div的位置外,还有其他方法吗 可以移动div的内容,并使div处于其位置 在html5中,是否有任何对这种情况有利的功能您可以尝试jQuery路径插件,例如: $(_oObj).animate({ path : new $.path.arc({ center : [_nAxis, _nAxis], radius : _nRadius,

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

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

可以移动div的内容,并使div处于其位置


在html5中,是否有任何对这种情况有利的功能

您可以尝试jQuery路径插件,例如:

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

可以尝试使用关键帧执行此操作。 我使用了jquery _obj.keyframes方法和jquery keyframes插件来整合解决方案。 您可以在github上查看代码:

到目前为止您尝试了什么?也许您可以尝试将内容保存为
DocumentFragment
s,并且只旋转内容而不移动div。Fac我编写的每个div都有函数,以便div在30秒内回到其原始位置。代码是相同的,只是由于div的原始位置而在位置上发生了变化。我想知道是否有更好的方法来获得这种影响@Sarath您可以在
jsfiddle
中用一个例子来展示它吗。我对
DocumentFragment
s知之甚少。谢谢你@Tzach