画像/リンクのjquery onmouseoverは、同じ位置にdivを表示します（ツールチップ）

StackOverflow https://stackoverflow.com/questions/1213672

質問

画像にカーソルを合わせたい-＆gt;リンクにあります

画像の上にいるときに、ツールチップのようにdivをポップアップ表示する必要があります。これにはいくつかの情報を入力することもできます。

$ thisは、imgを含むリンクです。 私はその中に画像を見つけ、画像の上にdivにまたがり、ユーザーが情報を取得できるjqueryエフェクトを作成したいと考えました。画像をクリックすると拡大されます

        $(this).parent().append($("<div/>")
                        .css({ "display" : "block", "left" : img.x, "top" : img.y,  
                            "width" : img.width, "heigth" : img.heigth, "border" : "1px solid red"})
                        .text("Click me!")

機能しません：-/

役に立ちましたか？

解決

ツールチップ機能を探していると思いますが、カスタムコンテンツ、テキスト、フォーマットされたテキスト、カスタムレイアウト、またはajaxコンテンツでさえ、すでにいくつかのツールチッププラグインが利用可能です。

これらのプラグインのいずれかをご覧ください：

他のオプションよりも多くのオプションがあります。一部のサイトではsimpletipを使用しましたが、 内容的には制限がありますが、おそらくQtipのようなものが欲しいでしょう

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top