jQuery UI プラグイン

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

投稿日:

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

サンプルソース

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

実行サンプル

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

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

オプション

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

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

解説


スポンサーリンク

スポンサーリンク

-jQuery UI, プラグイン

執筆者:


comment

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

関連記事

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

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

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

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

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

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

[jQuery UI] テーマの一覧

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

[jQuery UI] ソートを実装する(Sort)

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

スポンサーリンク