jquery - 如何围绕圆定位元素

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center 。




7年前关闭。




我发现了类似 this 的东西



任何人都可以让我的概念清楚上述技术是如何工作的吗？

最佳答案

由于您似乎喜欢我在评论中发布的示例，我想我会将其作为答案发布，这样它就可以永远存在于答案部分。

$(document).ready(function() {
    var radius = 100;
    var xCenter = 120;
    var yCenter = 120;
    var cnt = $('li').length;
    var angle = 0;
    var angleDelta = 2 * Math.PI / cnt;
    $('li').each(function(i, el) {
        x = radius * Math.cos(angle) + xCenter;
        y = radius * Math.sin(angle) + yCenter;
        $(this).css({top: y, left: x});
        angle += angleDelta;

    })
})

以及一些基于此的 fiddle
jsfiddle.net/9Z7a8 一个简单的开始
jsfiddle.net/9Z7a8/1 一个更大的例子 - 只是修改半径、<li> 的数量和中心的偏移值。
jsfiddle.net/9Z7a8/6 在运行时添加 <li> s
jsfiddle.net/9Z7a8/7 添加新元素时的一些随机性。
jsfiddle.net/9Z7a8/8/ 为了好玩，有一些颜色变化(不完美)

关于jquery - 如何围绕圆定位元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17258009/