web前端当点击图片之后，图片弹来弹去，怎么实现，举个例子

可以使用CSS3中的动画属性来实现图片点击后弹来弹去的效果。比如可以设置图片的初始位置和结束位置，然后设置一个动画响应函数。下面是一个简单的例子：

HTML代码：

<div class="img-container">
  <img src="image.jpg" alt="图片">
</div>

CSS代码：

.img-container {
  position: relative;
}
.img-container img {
  position: absolute;
  left: 0;
  top: 0;
  animation: bounce 0.5s ease-in-out infinite alternate;
}

@keyframes bounce {
  from {
    top: 0;
  }
  to {
    top: 10px;
  }
}

这段代码的意思是，当图片所在的容器被点击时，图片会以0.5秒的动画周期沿着垂直方向在10像素范围内来回弹跳，直到被再次点击。当然，您可以根据需要自由改变动画时间、距离、方向等参数来达到不同的效果。