在页面加载时，我需要弹跳高度递减的图像。我能够弹跳图像，但高度相同

在页面加载时，您可以使用CSS动画和JavaScript来实现弹跳高度递减的图像效果。

首先，您可以使用CSS来定义图像的初始样式和动画效果。例如，您可以设置图像的初始位置和高度，并使用CSS动画来实现弹跳效果。以下是一个示例CSS代码：

.image {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 200px;
  animation: bounce 1s infinite;
}

@keyframes bounce {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-100px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}

在上述代码中，.image类定义了图像的初始样式，包括绝对定位、居中对齐和高度。animation属性指定了一个名为bounce的动画，持续时间为1秒，并设置为无限循环。

接下来，您可以使用JavaScript来动态修改图像的高度。您可以在页面加载时使用JavaScript代码获取图像元素，并使用定时器来递减图像的高度。以下是一个示例JavaScript代码：

window.addEventListener('load', function() {
  var image = document.querySelector('.image');
  var height = 200;

  var timer = setInterval(function() {
    height -= 10;
    image.style.height = height + 'px';

    if (height <= 0) {
      clearInterval(timer);
    }
  }, 100);
});

在上述代码中，window.addEventListener('load', ...)用于在页面加载完成后执行代码。document.querySelector('.image')用于获取具有.image类的图像元素。然后，使用定时器每100毫秒递减图像的高度，直到高度为0。当高度为0时，清除定时器。

通过将上述CSS和JavaScript代码结合在一起，您可以实现在页面加载时弹跳高度递减的图像效果。

关于云计算和IT互联网领域的名词词汇，这个问题并没有涉及到相关的概念。如果您有其他问题或需要了解其他方面的知识，请随时提问。