JavaScript弹出窗口

Question

5

在一些网页中，当我们将鼠标停留在某些单词上（例如一些流行电影明星的名字）时，该单词附近会出现一个弹出框，显示该电影明星的相关图片、简短的介绍以及相关的推特链接。然后我们可以在弹出窗口上移动鼠标来点击图片或推特链接。

当鼠标指针离开这样的弹出窗口时，弹出窗口会自动消失。

是否存在现成的代码可实现此效果？

顺便说一下：我记得有些网站有一些带下划线的关键词，当鼠标移到这些关键词上时，相关的广告窗口会在关键词周围弹出。这就是我在这个问题中寻找的效果。

提前致谢，乔治

- George2

1

你在问什么？我没有看到任何问号。 - Josh K

1

这个问题具体是什么？如何实现它？有很多种方法... - Alex

对不起 Josh，是我的错误。这是我的问题：“是否有任何现成的可用代码来实现这种效果？” - George2

嗨，Alex，抱歉是我的错误。这是我要问的：“是否有任何现成的可用代码来实现这种效果？”我不是JavaScript大师，请告诉我一个简单易行的方法来实现。我想要的是在关键字周围弹出窗口，而不是在整个网页的角落里。 - George2

4个回答

2

你正在寻找HoverCard效果吗？

- Jochen

是的，这正是我正在寻找的。有现成可用的代码吗？ - George2

以上链接在2017年已经失效。谷歌的Hovercards Closure库似乎仍然可以从这里获取：https://google.github.io/closure-library/api/goog.ui.HoverCard.html - Gwyneth Llewelyn

1

您可能也想在某些 HTML 元素中使用 title 属性。

这是本页面的一个示例：

<span class="reputation-score" title="your reputation score; view reputation privileges">611</span>

当你将鼠标悬停在你的声望上时，你会得到标题属性中的消息。虽然不像其他答案那样花哨，但它很快而简单。

- YWE

1

@George。我添加了一个例子。 - YWE

1

我认为你需要研究一下onmouseover

- NimChimpsky

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ken Ray · Accepted Answer

4

看看[jQuery TOOLS][1] - 工具提示。

- Ken Ray

我应该使用哪个组件或更详细的链接来实现我想要的jQuery工具效果？ - George2

嗨，Alex，我应该使用jQuery工具中的哪个组件来实现这种效果？ - George2

1

George - 看看这个工具提示工具：http://flowplayer.org/tools/demos/tooltip/index.html - Ken Ray