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 に答える