Home > 技術 > jQueryでツールチップを表示するシンプルなコード

jQueryでツールチップを表示するシンプルなコード

そこまでシンプルでもないかもしれませんが、一応書いてみた。

構成としては、

  1. チップ用のdivタグを生成する
  2. チップを表示する対象となるSelectorにマウスイベントをセットする

これだけ。


■プログラムコード
一応jQueryPluginとして書いてみました。

このjsを読み込んだら、後は以下のように呼び出すだけ。

何度も呼ぶのがちょっと・・・
もうちょいキレイにして機能追加してPlugin化するのもありかな。

追記:
一応デモを用意してみた。
jAltTip.js - jQuery Plugin

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/1184
Listed below are links to weblogs that reference
jQueryでツールチップを表示するシンプルなコード from HouseTect, JavaScriptな情報をあなたに

Home > 技術 > jQueryでツールチップを表示するシンプルなコード

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top