在鼠标悬停效果中添加2-3张图片

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

.image-container {
  width: 200px;
  height: 200px;
  background-color: #ccc;
}

var container = document.querySelector('.image-container');

container.addEventListener('mouseover', function() {
  // 创建图片元素
  var image1 = document.createElement('img');
  image1.src = 'image1.jpg';
  container.appendChild(image1);

  var image2 = document.createElement('img');
  image2.src = 'image2.jpg';
  container.appendChild(image2);

  var image3 = document.createElement('img');
  image3.src = 'image3.jpg';
  container.appendChild(image3);
});

container.addEventListener('mouseout', function() {
  // 移除所有图片元素
  while (container.firstChild) {
    container.removeChild(container.firstChild);
  }
});