jQuery UI プラグイン

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

投稿日:

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

サンプルソース

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

実行サンプル

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

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

オプション

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

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

解説


スポンサーリンク

スポンサーリンク

-jQuery UI, プラグイン

執筆者:


comment

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

関連記事

[jqGrid] 表示データの件数を取得する

jqGridで表示データの件数を取得するサンプルです サンプルソース 例)表示データの件数を取得する [crayon-5 ...

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

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

[jQuery UI] 選択を実装する(Selectable)

jQueryUIでリストから選択するサンプルです。 サンプルソース 例)jQuery UIでリストから選択するサンプル ...

[jQuery UI] ボタンを実装する(Button)

jQueryUIを使ったボタンサンプルです。 サンプルソース 例)jQuery UIを使ったボタンサンプル [crayo ...

[jqGrid] 指定した行に色をつける

jqGridで指定した行に色をつけるするサンプルです サンプルソース 例)ボタンを押すと、2行目の背景色を黄色にする [ ...

スポンサーリンク