マウスのミニスクリーンポップアップ

Question

正直言ってこの質問をどのようにフレーズするかわかりません。 ：/

しかし、私は次のような効果を得るためにしようとしている：ここに誰も私が画像に見られるように、この効果を達成する方法を理解しようと助けることができれば、私は思っていた

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

を？ ：/

画像上に表示される効果は、画像上にマウスを移動するか、または「onmouseover」イベントを「onmouseover」にバインドしたときに、必要なテキストやその他の情報を示す「ポップアップ」が表示されます表示。

ありがとうございます！
-Zack

P.S. WoWからの例として申し訳ありません。この効果を説明しようとすると、私が考えることができるのは唯一のことです。

Answer 1

HERESにいくつかの擬似コードあなたが始めるために：リンクへ

バインドmouseoverイベント - jqueryの中：イベントで$('a.popup').mouseover(function(){ /* code here */ });

が作成（またはすでに作成に使用）を保持するdiv要素をマウス
の位置を見つけます直接body要素にあなたの情報
場所のdivあなたは絶対にそれを置くことができるように

あなたがマウス（またはマウスに対して）であなたのdivを配置するために、以前見つかったマウスの位置を使用イベントで
をリンクする

バインドマウスアウトイベント

絶対位置情報のdivを隠すスタイルシートで素敵なスタイルを適用:)

ザッツこれで全部。それほど難しいことではありません。もしあなたがjqueryを使用しているのであれば、このすべてのものはドキュメントにあります。これは

Answer 2

多くのjQueryツールチッププラグインをチェックしてください。

qTipはかなり良いようです。

Answer 3

MooToolsのに役立ちます

希望はあまりにもいくつかの素晴らしいマウスのヒントがあります。助けを

MooTools docs: Tips Class

Demo/Tutorial