Question

所以，基本上我正在寻找的是一个脚本，当有人点击图像时，它会被包含一些超链接的文本替换。我不在乎它是否在视觉上滑入或立即被替换，只要文本出现时，就会有一个CLOSE选项返回到图像。

是否有一个jQuery或Javascript选项，我似乎无法找到？

提前感谢任何帮助我的人。：）

Answer 1

您可以使用纯CSS来实现您所谈论的效果。 Here is a a demo以下代码添加了一些样式。

.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>

单击时将图像替换为文本

1 个答案: