J-query动画延迟和页面调整

下面是一个示例，展示了如何使用jQuery动画的延迟和页面调整：

HTML代码：

<button id="moveBtn">移动</button>
<div id="box"></div>

CSS代码：

#box {
  width: 100px;
  height: 100px;
  background-color: red;
  position: relative;
}

JavaScript代码：

$(document).ready(function() {
  // 点击按钮后延迟1秒移动盒子
  $("#moveBtn").click(function() {
    $("#box").delay(1000).animate({left: '+=200px'}, 1000);
  });
  
  // 页面加载后延迟2秒调整按钮位置
  setTimeout(function() {
    $("#moveBtn").css("position", "absolute");
    $("#moveBtn").css("top", "200px");
    $("#moveBtn").css("left", "200px");
  }, 2000);
});

在上面的示例中，我们使用了delay()函数来实现动画的延迟效果。在点击按钮后，我们使用delay(1000)来延迟1秒钟，然后使用animate()函数来移动盒子。

另外，我们也使用了setTimeout()函数来在页面加载后延迟2秒钟调整按钮的位置。在延迟结束后，我们使用css()函数来改变按钮的CSS属性，实现页面的调整。

这样，当我们点击按钮时，盒子将会延迟1秒后向右移动，而按钮也会在延迟2秒后移动到新的位置。