jQuery UI プラグイン

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

投稿日:

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

サンプルソース

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

実行サンプル

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

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

オプション

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

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

解説


スポンサーリンク

スポンサーリンク

-jQuery UI, プラグイン

執筆者:


comment

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

関連記事

[jqGrid] 指定した行を選択/選択解除する

jqGridで指定した行を選択/選択解除するサンプルです サンプルソース 例)2行目を選択/選択解除する [crayon ...

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

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

[jqGrid] 全選択チェックボックスを非表示にする

全選択チェックボックスを非表示にするサンプルです。 サンプルソース 例)全選択チェックボックスを非表示にする [cray ...

[jQuery UI] ダイアログを実装する(Dialog)

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

[jQuery UI] リサイズを実装する(Resizable)

jQueryUIでリサイズを実装するサンプルです。 サンプルソース 例)jQuery UIを使ったリサイズのサンプル [ ...

スポンサーリンク