javascript-在翻转时在另一张图片的顶部显示图片

我想在某些图像上方显示一个缩放图像(鼠标悬停时)以暗示“单击此处进行缩放”.我不想使用光标.

我敢肯定有一个很好的方法来用javascript jQuery来做到这一点,但我不知道.

有人有什么好主意吗？

解决方法:

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}

然后根据您的喜好进行样式设置.

标签：mousehover,css,html,javascript,jquery
来源： https://codeday.me/bug/20191105/1998441.html