用文本替换图像点击

Question

所以，基本上我要找的是一个脚本，当有人点击一个图像，它被替换为文本，也包括一些超链接。我真的不关心它是否在视觉上滑动，或者立即被替换，只要当文本出现时，有一个CLOSE选项，返回到图像。

是否有一个jQuery或Javascript的选项，我只是无法找到?

提前感谢任何帮助我的人。:)

Answer 1

您可以使用纯CSS来实现您正在谈论的效果。下面是添加了一些样式的下面代码的演示。

.outer {
  position: relative;
  width: 100px;
  height: 100px;
}
.inner-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  display: none;
  background-color: red;
  opacity: 0.5;
}
.outer:hover .inner-text {
  display: block;
}

<div class="outer">
  <div class="inner-text">
    Here is some text
  </div>
  <img width="100" height="100" src="http://www.google.com.au/images/srpr/logo3w.png">
</div>