围绕一个圆动态排列一些元素

我正在寻找一个函数来围绕一个圆排列一些元素。
结果应该是:

这里有一些代码可以帮助您:

var numElements=4,
角度=0
步骤=(2*Math.PI)/numElements;
对于(变量i=0;i<numElements.length;i++){
var x=容器宽度/2+半径*数学cos(角度);
变量y=容器高度/2+半径*数学sin(角度);
角度+=步长;
}

它并不完整,但应该给你一个良好的开端


更新:以下是一些实际有效的方法:

var半径=200;//圆的半径
变量字段=$('.field'),
容器=$(“#容器”),
宽度=容器。宽度(),
高度=容器。高度(),
角度=0,
步长=(2*Math.PI)/fields.length;
字段。每个(函数(){
var x=Math.round(宽度/2+半径*Math.cos(角度)-$(this.width()/2),
y=数学圆(高度/2+半径*Math.sin(角度)-$(此).height()/2);
$(this.css)({
左:x+‘px’,
顶部:y+‘px’
});
角度+=步长;
});

演示:http://jsfiddle.net/ThiefMaster/LPh33/
这是一个改进的版本,您可以在其中更改元素计数

发表评论