タグ

JavaScriptとtooltipに関するmaaa328のブックマーク (3)

  • Tooltip | jQuery UI 1.10 日本語リファレンス | js STUDIO

    ブラウザが表示するツールチップをテーマ毎のもの、またはカスタマイズしたものに置き換えます。 タイトルだけでなく、インライン脚注やAjaxを介して取得したコンテンツを表示します。 位置の調整をします。例えば、「要素の下の中央」といった指定が可能です。 拡張したスタイルを追加することで、警告やエラーといった表現をすることが可能です。 ツールチップの表示、非表示にはフェードアニメーションが使用されています。 このアニメーションはshowとhideオプションで変更することが可能です。 itemsとcontentsは同期されている必要があります。 片方を変更する場合は、もう片方も変更するようにしてください。 通常、無効になっている要素はDOMイベントをトリガしません。 したがって、無効な要素のツールチップのプロパティを制御することが出来ず、 ツールチップを表示/非表示する際には、イベントをリッスンし

  • 利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」

    TOP  >  WebDesign  >  利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」 マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニックの一つです。今日紹介するのは利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」です。 qTip – The jQuery Tooltip Plugin 吹き出しタイプやフェードタイプなど様々なもの集められていますが、今回はそのなかからいくつか気になったツールチップをピックアップして紹介したいと思います。 詳しくは以下 ■Prototip 2 – Crea

    利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」
  • 「吹き出し」をツールチップとして実装するjsいろいろ - かちびと.net

    マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので

  • 1