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

可以通过CSS和JavaScript来实现。下面是一种实现方式：

首先，在HTML中创建一个容器元素，用于显示图片。例如：

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

在CSS中设置容器元素的样式，包括宽度、高度和背景颜色等。例如：

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

在JavaScript中添加鼠标悬停事件监听器，当鼠标悬停在容器元素上时，动态添加图片元素。例如：

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);
  }
});

在上述代码中，当鼠标悬停在容器元素上时，会创建三个图片元素并添加到容器中。当鼠标移出容器时，会移除所有图片元素。

这种效果可以应用于网页中的图片展示、产品展示等场景。如果你想了解更多关于图片展示和处理的内容，可以参考腾讯云的云图片处理服务（https://cloud.tencent.com/product/img），该服务提供了丰富的图片处理功能和API接口，可以帮助开发者实现各种图片处理需求。