Javascript JS/CSS 3dtransform不断移动

Javascript JS/CSS 3dtransform不断移动,javascript,jquery,css,Javascript,Jquery,Css,我想使用我在这里找到的wheel脚本:并添加一些东西,以允许它始终缓慢旋转,直到它被悬停/单击为止。有人能建议怎么做吗 $( '.wheel > div' ).each( function( i ) { var angle = -( coords.y / 2 ) + ( 360 / 10 ) * i; $( this ).css( 'transform', 'perspective(3000px) rotate3d(1,0,0

我想使用我在这里找到的wheel脚本:并添加一些东西,以允许它始终缓慢旋转,直到它被悬停/单击为止。有人能建议怎么做吗

$( '.wheel > div' ).each( function( i ) {
                var angle = -( coords.y / 2 ) + ( 360 / 10 ) * i;
                $( this ).css( 'transform', 'perspective(3000px) rotate3d(1,0,0,' + angle + 'deg) translate3d(0,0,75px)' );
您可以侦听动画,并在动画发生后重新启动动画。这将使它永远运行。只要注意到:悬停,就可以停止正在进行的转换


查看如何更好地控制CSS3转换的参考资料。

但必须启动动画才能发生事件。在与交互之前,它当前不会做任何事情。调用什么使它开始旋转是我最困惑的地方。然后听文档是否已加载,然后在该点开始动画。看看窗口加载事件。我知道它将在pageload上运行,我想问的是我将运行什么命令/函数??由于现有的onchange函数循环遍历每个div,并在每个div上设置css转换,我是否必须基本上将其复制到onload中?由于现有代码使用鼠标滚轮或拖动操作中的s,我不理解设置初始任意旋转和速度的最佳方法。