方法主要使用了offsettop和offsetleft进行对元素坐标的定位
参数:
centerDiv:中间元素
m:要排布的元素的个数
R:围绕排布的距离
r:要排布元素的半径
创建的要排布的元素的类名为ball
function paibu(centerDiv, m, R, r) {
var Height = centerDiv.offsetTop * 2 + centerDiv.clientHeight
var Width = centerDiv.offsetLeft * 2 + centerDiv.clientWidth
var j = 360 / m
for (var i = 0; i < m; i++) {
var ball = document.createElement("div")
ball.classList.add("ball")
var left1 = Width / 2 + Math.cos(j * i / 180 * Math.PI) * R - r
var top1 = Height / 2 + Math.sin(j * i / 180 * Math.PI) * R - r
ball.style.left = left1 + 'px'
ball.style.top = top1 + 'px'
document.body.appendChild(ball)
}
}