javascript弹出窗口

在某些网页中，当我们停止在网页上的某些单词（例如一些流行的电影明星名称）上的鼠标光标时，单词旁边的弹出框将显示，可能显示一些移动明星的相关图片，这位电影明星的简短摘要以及相关的twitter链接。然后，我们可以在弹出窗口上移动鼠标以点击图片或推特链接。javascript弹出窗口

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

是否有任何现成的可用代码来实现这种效果？

顺便说一句：我记得一些网站有一些下划线关键字，当鼠标移过这些关键字时，相关的广告窗口将围绕关键字弹出。这是我在这个问题中寻找的效果。

由于事先乔治

来源

2010-11-02 George2

你在问什么？我没有看到任何问号。 – 2010-11-02 16:05:27

究竟是什么问题？如何实现这一点？有很多方法... – Alex 2010-11-02 16:05:59

对不起乔希，我的错误。这就是我所问的“是否有任何现成的可用代码来实现这种效果？”。 – George2 2010-11-02 16:06:04

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

[1]：http://flowplayer.org/tools/index.html jQuery Tools

来源

2010-11-02 16:12:38

+ 1代表jQuery。 :) – Alex 2010-11-02 16:14:29

我应该使用jQuery工具的哪个组件或更详细的链接来实现我期待的效果？ – George2 2010-11-02 16:15:57

嗨亚历克斯，应该使用jQuery工具的组件来实现这种效果吗？ – George2 2010-11-02 16:18:01

我觉得onmouseover是你需要考虑

来源

2010-11-02 16:08:24 NimChimpsky

你有没有准备好使用的例子，NimChimpsky？ – George2 2010-11-02 16:09:12

您可能还需要使用title属性在某些HTML元素的东西。

从该页面的一个例子：

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

当你将鼠标悬停在你的名声，你得到的称号属性的消息。它不像一些其他答案那样华丽，但它快速而简单。

来源

2010-11-02 16:10:02 YWE

你有没有准备好使用我的例子来跟进，YWE？ – George2 2010-11-02 16:11:06

@George。我添加了一个例子。 – YWE 2010-11-02 16:19:37

您正在寻找悬浮卡效果？

http://www.shoutmeloud.com/gravatar-hovercards-for-wordpress-org-blogs.html

http://closure-library.googlecode.com/svn/docs/closure_goog_ui_hovercard.js.source.html

来源

2010-11-02 16:11:11 Jochen

是的，这是我正在寻找的。任何现有的准备使用的代码？ – George2 2010-11-02 16:16:23

上述链接截至2017年已经死亡。 Google的Closure Library for Hovercards似乎仍然可以从这里获取：https：//google.github.io/closure-library/api/goog.ui.HoverCard.html – 2017-07-06 17:19:21

javascript弹出窗口

回答

相关问题