jquery实现色块运动效果，单间按钮时，蓝色块移动位置并改变大小，最后回到初始位置

以下是一个简单的实现示例：

HTML代码：

<div class="block"></div>
<button class="btn">Move</button>

CSS代码：

.block {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: blue;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 1s ease; /* 添加过渡效果 */
}

.btn {
  margin-top: 20px;
}

jQuery代码：

$(document).ready(function() {
  $(".btn").click(function() {
    $(".block").toggleClass("active");
    
    // 设置定时器，2秒后取消激活状态
    setTimeout(function() {
      $(".block").toggleClass("active");
    }, 2000);
  });
});

在上述代码中，我们首先给色块添加了一个初始样式 `block`，然后给按钮添加了一个点击事件，当点击按钮时，我们使用 jQuery 的 `toggleClass()` 方法来切换色块的激活状态，同时设置了一个定时器，在 2 秒后自动取消激活状态，使色块回到原来的位置。

接下来，我们需要再添加一个 `.active` 样式，来改变色块的大小和移动位置：

.active {
  width: 200px;
  height: 200px;
  top: 10%;
  left: 10%;
}

当色块处于激活状态时，它的宽度和高度会变成 200px，位置会移动到左上角。这样，我们就完成了一个简单的色块运动效果。