旋转圆形图像

Question

我正在尝试创建5个圆形图像，它们将围绕一个较大的中央圆形图像旋转。

如果光标悬停在任何图像上，并且所有图像都可链接到其他页面，我希望旋转停止。

我有外部图像的位置：

http://codepen.io/chipower/pen/mysdh

有谁知道如何做到这一点？

Answer 1

对动画使用setInterval。这将每n毫秒调用一次相同的函数。

当鼠标悬停（jQuery.hover），然后设置一个标志，函数SetInterval调用以查看是否应该增加项目的角度并重新布局布局。

如果标记清晰，则增加角度并绘制新的顶部，css项左侧以圆圈形式显示。

x = r * Math.cos(deg2Rad(a)) + cx; 
    y = r * Math.sin(deg2Rad(a)) + cy; 

其中x，y是需要的顶部，左侧的CSS属性a是角度，r是圆的cx，cy中心的半径。

deg2Rad（一）度转换为弧度有关使图像可链接

function deg2Rad(deg){ 
    return deg*Math.PI/180; 
} 

你的最后一点就是标准的HTML，你必须在此刻刚刚更新的“＃”正确的URL