gpt4 book ai didi

文本鼠标悬停在 javascript 图像弹出窗口

转载 作者:行者123 更新时间:2023-11-30 10:36:56 26 4
gpt4 key购买 nike

我希望使用 JavaScript 和 jQuery 将鼠标悬停在某些 HTML 文本上时弹出图像。有多行,每行应该弹出不同的图像。我指的不是实际的弹出窗口,只是图像在屏幕上弹出或放大。

所以如果我的 html 代码看起来像这样:

<p id="item1">item1 text</p>
<p id="item2">item2 text</p>
<p id="item3">item3 text</p>

当我将鼠标悬停在 HTML 页面上的文本“item1 text”上时,我希望在文本上弹出一个名为“image1”的图像。我还希望弹出窗口在图片上方包含一些文字。当我将鼠标指针从 item1 文本移开时,弹出窗口应该消失。同样,当我将鼠标悬停在“item2 文本”上时,应该会弹出 image2。

我如何使用 JavaScript 执行此操作,然后我将如何使用 jQuery 来更好地执行此操作?

我是一个完整的 JavaScript 和 jQuery 新手,对于我的知识不足提前道歉。

最佳答案

您好,我找到了这个优秀的教程:jQuery for Absolute Beginners , 他使用了 <a>标记为 html 代码,他是这样做的: http://jsfiddle.net/k2E7W/2/

关于文本鼠标悬停在 javascript 图像弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13445731/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com