使用jquery在螺旋路径中逐个移动具有相同类名的每个图像

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div class="image"></div>
<div class="image"></div>
<div class="image"></div>

.image {
  width: 50px;
  height: 50px;
  background-color: red;
  position: absolute;
}

$(document).ready(function() {
  var radius = 100; // 螺旋路径的半径
  var angle = 0; // 初始角度
  var distance = 10; // 图像元素之间的距离

  $('.image').each(function(index) {
    var x = radius * Math.cos(angle); // 计算x坐标
    var y = radius * Math.sin(angle); // 计算y坐标

    $(this).animate({
      left: x + 'px',
      top: y + 'px'
    }, 1000); // 动画持续时间为1秒

    angle += distance / radius; // 更新角度，使图像元素按螺旋路径移动
  });
});