2011-12-27 13 views
0

通常のdivを置き換えるポインタを持つツールチップを作成するにはどうすればよいですか?私はすでに通常のdivを使用したいコードを持っています。私はちょうどdivがそれに少し三角形のポインタを持っているようにしたい。これを行うには、jQuery(おそらく何らかのツールチッププラグイン)を使用する必要がありますか?それとも、CSSでこれを行う方法がありますか(いくつかの図形を作成するために罫線を使用することができます)、または画像を使用していることがわかりますか?jQueryを使用してツールチップを作成するか... ...?

私はこのアプローチに最も適した方法を知りたいだけです。

また、ツールヒントを拡大するために.animate()を使用することに注意することが重要です。しかし、私はポインタが同じサイズと静止したままにしたいと思います。したがって、イメージを使用する能力がなくなったかどうかはわかりません(イメージ全体を1つに広げ、ポインタを伸ばして動かすので)。

http://jsfiddle.net/jhacks/7BNgW/11/

しかし、それは国境を持つことになります...ので、それを達成するためにそのフィドルに私がやったことはできません。

編集***私はそれがこのような何かを見てみたいです。

お願いします。ありがとう!

+0

「小さな三角形のポインタ」とはどういう意味ですか?あなたはあなたが望むもののモックアップイメージを投稿できますか? CSSで矢印を作るのは簡単なので、これは 'float:'と一緒に行く方法かもしれません。あなたはもう少し詳しく教えてください。 – Bojangles

+0

私は完全に間違った方向に行くことができますが、[this JSFiddle](http://jsfiddle.net/HgrHm/)のようなものでしょうか? – Bojangles

+0

私はすでにツールチップ機能を動作させるコードを持っています。しかし、私はちょうどポインタを持っていない通常のdivを持っています(私が探している形の例を追加した私のフィドルを参照してください)。だから、私はちょうど私が通常のdivを "ツールチップ"または小さなポインタでdivを使用している場所を置き換えるために探しています。もう1つの要件は、.animate()で拡大すると、ポインタは同じ場所にとどまらず、広げないことです。 – jstacks

答えて

1

border-radiusでdivを作成して円形にし、border-bottomと設定すると、後に続く三角形が得られます。

+0

私は三角形を得る方法を知っています。しかし、新しく編集された投稿に私が見せている形を得ることは可能でしょうか?そして、私が言ったように、私はいくつかの国境のために行っていました。それは、私ができなかった形状を得るための解決策を作りました...残念なことに。 – jstacks

関連する問題