javascript - 将 png 叠加图像放在文本链接上的鼠标悬停上

标签 javascript html css png overlay

我有一张普通的 jpg 照片和 2 个文本链接。当用户将鼠标悬停在 textlink 1 上时,我想在 jpg-photo 上显示一张透明的 png-photo,当用户将鼠标悬停在 textlink 2 上时,我想在 jpg 上显示另一张 png-photo。在鼠标移出时,png 应该再次消失。

可能吗?可以单独使用 CSS 还是我需要 javascript 才能完成? 提前致谢。

最佳答案

是的,可以使用 JQuery、JS 或 CSS,具体取决于您的要求。 好的脚本在这里:

http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

关于javascript - 将 png 叠加图像放在文本链接上的鼠标悬停上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11047640/

相关文章:

javascript - ionic Angular 编码 url 编码奇怪的行为

javascript - 如何将数据从 Node 发送到另一台服务器

javascript - 我怎样才能让一盏灯关闭然后打开,然后另一盏灯亮起

html - 我可以赋予上标什么属性,以便无论我将其移动到哪里,它都不会影响/影响其他文本?

javascript - 如何创建一个在鼠标悬停时显示消息的文本框?

css - 如何使用 Bootstrap 设置表单字段大小?

javascript - 为 HTML 片段中的 img 标签设置 baseUrl

javascript - 从上一级目录加载本地 javascript 文件

php - 如何在 Facebook Sharer 中显示图像?

html - CSS - 模糊过滤器片刻后停止工作