javascript - 鼠标悬停时在另一个图像之上显示图像

Question

我想在某些图像之上显示缩放图像(在鼠标悬停时)以暗示“单击此处缩放”。我不想使用光标。

我确信有一种使用 javascript jQuery 执行此操作的好方法，但我不知道。

大家有什么好的想法吗？

Answer 1

HTML:

<a href='big.jpg'>
    <img src='mini.jpg' alt='a kitten'>
    <span>Click to view larger</span>
</a>

CSS:

a > img + span {display: none}
a:hover > img + span {display: inline}

然后随心所欲地设计风格。