html中，当鼠标放在图片上时，图片中的一个盒子向右悬浮放大，鼠标离开图片时，盒子又恢复原样

这可以通过HTML和CSS来实现。你可以在HTML中嵌入一张图片，然后通过CSS设置图片的样式，以实现鼠标悬浮时的效果。

具体实现方法如下：

1. 在HTML中插入图片，并为其添加一个class属性，例如"img-hover"。

<img src="your-image-url" class="img-hover">

2. 在CSS中设置图片的样式，包括默认状态和悬浮状态下的样式。这里使用CSS的:hover伪类来实现鼠标悬浮时的效果。

.img-hover {
  width: 200px; /* 设置图片宽度 */
  height: auto; /* 设置图片高度自适应 */
  transition: all 0.3s ease; /* 设置过渡效果 */
}

.img-hover:hover {
  transform: scale(1.1); /* 图片放大 */
  box-shadow: 0 0 10px rgba(0,0,0,0.5); /* 添加阴影效果 */
}

3. 在CSS中设置盒子的样式，通过position属性设置其为绝对定位，并通过:hover伪类来实现鼠标悬浮时的效果。

.img-hover:hover + .box {
  display: block; /* 显示盒子 */
  position: absolute; /* 相对于图片绝对定位 */
  top: 0; /* 盒子距离图片顶部的距离 */
  left: 200px; /* 盒子距离图片左侧的距离 */
  width: 100px; /* 盒子宽度 */
  height: 100px; /* 盒子高度 */
  background-color: #f00; /* 盒子背景颜色 */
  transition: all 0.3s ease; /* 设置过渡效果 */
}

.box {
  display: none; /* 默认隐藏盒子 */
}

这样，当鼠标放在图片上时，图片会被放大并添加阴影效果，同时盒子会向右悬浮并显示出来；当鼠标离开图片时，图片和盒子都会恢复原来的状态。