イメージにカーソルを置いたときにjqueryを使用してツールチップを表示

ここでは、必要なツールチップの種類をイメージしています。イメージにカーソルを置いたときにjqueryを使用してツールチップを表示

enter image description here

ときにだけ画像とツールチップの下にツールチップ表示は下の画像の中心に上側画像位置するように配置された永久保証画像上のいくつかのいずれかホバーマウスポインタ。

画像にカーソルを置いたときにjqueryを使用してツールチップを表示する方法を知っていますが、画像の下にツールチップを表示できず、ホバー画像が中央に表示されていません。だから私は助けが必要です。可能であれば、サンプルコードで私を助けてください。ありがとう

出典

2012-01-13 Thomas

先ほど紹介したツールチップが、あなたの説明のように見えました。

Coda Bubble Tooltipを使用できますか？

ホームページは、私はちょうどホバー画像の中央下のような位置である必要があり、単に目標画像とツールチップの下に私のツールチップに計算されるかを知る必要がありhttp://www.panic.com/coda/

出典

2012-01-13 08:43:20

プラグインを使いたくないです。むしろ、私はちょうどホバリング画像の下にdivを表示するコードを書くことができます。私はちょうどターゲット画像の下に私のツールチップを表示する計算され、ツールチップはホバーイメージのボトムセンターのような位置にする必要があります知っている必要があります。そのような計算やサンプルコードを教えてください。 – Thomas

あなたは画像の下にツールチップを置くためにCSSを使用することができます、jqueryはツールチップを表示するか、または非表示にすることができます。

出典

2012-01-13 08:42:43 XepterX

です。そのような計算やサンプルコードを教えてください。 – Thomas

ここにクイックコードhttp://jsfiddle.net/JLaVm/があります。あなたのページに合わせてCSSを変更してください。 – XepterX

それは素晴らしいですが、私は赤いdivを表示したいのは黒いdivのちょうど下の中央に表示されます。私は何をする必要があるのですが、私はcssで操作したくないのですが、赤いdivの左の位置を計算で設定する必要があります。その結果、黒いdivのちょうど下の中央に表示されます。可能であれば、urコードを変更して助けてください。ありがとう – Thomas

イメージにカーソルを置いたときにjqueryを使用してツールチップを表示

答えて

関連する問題