编写代码，页面加载后div中的背景图片透明度逐渐发生变化，同时图片的宽度、高度逐渐加大，当增加至一定程度（400、300）后再次恢复原始大小（300、200），重复这个过程。

可以使用 jQuery 来实现这个效果，具体代码如下：

<div id="changeDiv"></div>

#changeDiv {
  width: 300px;
  height: 200px;
  background-image: url("your_image_url");
  background-size: cover;
  opacity: 0.2;
}

$(document).ready(function() {
  var $changeDiv = $("#changeDiv");
  var width = 300;
  var height = 200;
  var opacity = 0.2;
  var increasing = true;

  setInterval(function() {
    if (increasing) {
      width += 10;
      height += 10;
      opacity += 0.1;
      if (width >= 400 && height >= 300) {
        increasing = false;
      }
    } else {
      width -= 10;
      height -= 10;
      opacity -= 0.1;
      if (width <= 300 && height <= 200) {
        increasing = true;
      }
    }
    $changeDiv.css({
      width: width + "px",
      height: height + "px",
      opacity: opacity
    });
  }, 100);
});

这段代码使用了 `setInterval` 定时器来不断更新 div 的宽度、高度和透明度。其中，`increasing` 表示是否在增加大小和透明度，当增加到一定程度后再逐渐减小，如此往复。每次更新完 div 的属性之后，使用 jQuery 的 `css` 方法来设置 div 的样式。