鼠標上的迷你屏幕彈出式菜單

Question

我無法弄清楚如何說出這個問題的說實話。 ：/

但我試圖得到如下效果：

http://zack.scudstorm.com/example.png

我想知道如果任何人在這裏可以幫助我揣摩如何在圖像中看到實現這個效果呢？ ：/

從圖像中可以看出，當我將鼠標懸停在圖像上，或者任何將「onmouseover」事件綁定到的內容時，將顯示一個「彈出窗口」，顯示可能需要的文本和其他信息顯示。

在此先感謝！
-Zack

P.S. 對不起，來自魔獸世界的例子;這是我想要描述這種效果時唯一想到的。

Answer 1

下面有一些僞代碼，讓你開始：

綁定鼠標懸停事件鏈接 - jQuery中：$('a.popup').mouseover(function(){ /* code here */ });

事件發現鼠標的位置
創建（或使用已創建）DIV舉行您的信息
直接將div放入body元素中，以便您可以絕對定位它
使用您之前找到的鼠標位置將div放置在鼠標上（或相對於鼠標）

綁定鼠標離開事件鏈接
事件隱藏絕對定位信息的div

在應用樣式漂亮的款式:)

這就是所有有它。它並不困難 - 如果你使用jQuery，所有這些東西都在文檔中。

希望這有助於

Answer 2

查看任意多個jQuery工具提示插件。

qTip似乎很不錯。

Answer 3

MooTools有一些不錯的鼠標提示過：

MooTools docs: Tips Class

Demo/Tutorial