jQuery UI プラグイン

[jQuery UI] ツールチップを実装する(Tooltip)

投稿日:

jQueryUIでツールチップを実装するサンプルです。

サンプルソース

例)jQuery UIを使ったツールチップのサンプル

実行サンプル

県名にカーソルを乗せるとツールチップが表示されます。

青森県 新潟県 千葉県 静岡県 香川県

オプション

Tabsのオプションには以下のようなものがあります。

【オプション】
オプション意味
position表示位置を指定
 at:基準位置
 my:基準位置からの相対位置
show表示方法を指定 ※show:falseとするとアニメーションなし
 duration:ツールチップが表示されるまでの時間(ミリ秒)
 effect:ツールチップの表示アニメーション

解説


スポンサーリンク

スポンサーリンク

-jQuery UI, プラグイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery UI] メニューを実装する(Menu)

jQueryUIでメニューを実装するサンプルです。 サンプルソース 例)jQuery UIを使ったメニューサンプル [c ...

[jQuery UI] テーマの一覧

jQuery UIの各テーマのイメージをまとめてみました。 テーマの一覧とサンプル ※Datepickerのイメージです ...

[jqGrid] 指定したセルの値を書き換える

jqGridで指定したセルの値を書き換えるするサンプルです サンプルソース 例)2行目の金額列の値を99999に書き換え ...

[jqGrid] 特定の列を非表示にする

特定の列を非表示にするサンプルです。 サンプルソース 例)「金額」列を非表示にする [crayon-5d0958cb3d ...

[jQuery UI] プログレスバーを実装する(Progressbar)

jQueryUIでプログレスバーを実装するサンプルです。 サンプルソース 例)jQuery UIを使ったプログレスバーサ ...

スポンサーリンク