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彈出窗口

回答

相關問題