ビジネスマンの徹底パソコン奮闘サイト

お知らせ
2011-03-16: 目次を作成しました。
2010-09-17: Google Map 2 記事一覧を作成しました。
2010-07-03: Google Map 3 記事一覧を作成しました。

スポンサーサイト

--年 --月--日 (-- )
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

jQueryのツールチップ

2010年 04月07日 (水 )
今回はjQueryを使用したツールチップの実装です。

ツールチップもjQueryを使えば非常に簡単に実装出来ます。

以下コードです。

今回は同じa要素に対してマウスイベント命令を出しているので、
「メソッドチェーン」を用いた方が高速化が期待できます。
その場合は、マウスイベントの箇所を下記のコードに書き換えて下さい。

ちなみに実行結果は下記の様になります。
テストを触ってみて下さい。

ツールチップのテストHello Tooltip!
Hello Tooltip!
Hello Tooltip!
です。





コメント

コメントの投稿

  • URL
  • コメント
  • パスワード
  • 秘密
  • 管理者にだけ表示を許可する

トラックバック

トラックバックURL:http://pcrice.blog129.fc2.com/tb.php/8-435f6657
  ビジネスマンの徹底パソコン奮闘サイト  
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。