1

我需要使用 HTML、CSS 和 Javascript 在彼此内部制作圆圈，并可以单击一个按钮，这将自动向其添加另一个圆圈。新添加的圆圈将是最外面的圆圈。

关于我如何做到这一点的任何想法？

4

1 回答 1

3

对于圆圈，您需要将border-radius 设置为足够大的值（通常超过最大宽度和高度的一半）。

要添加更大的圆圈，您需要复制以前的圆圈，创建另一个更大的圆圈，然后将复制的圆圈粘贴到其中。这是一个 jQuery 片段，但你可以使用任何框架，甚至是普通的 js：

var $container = $('#container'),
    $previous_circles = $container.html()

$container
  .html('<div class="circle bigger_circle"></div>')
  .find('.bigger_circle')
  .append($previous_circles)
  .end()
于 2012-11-20T07:19:45.807 回答