タグ

lに関するbuchi39のブックマーク (1)

  • [jQuery]イメージマップでTooltip表示するサンプル

    「イメージマップのホットスポットにマウスオーバーしたら説明表示出るように出来ない?」って言われて書いたやつ。 非表示にしてるブロック要素を表示してるだけなので、画像とかテキストとか割とフリーダムに出せる。 jQuery1.2.6用。 jQueryのマウスイベントには以下プロパティ提供されていて pageX/Y : ページの左上を0としたマウスポインタの位置 clientX/Y : ブラウザのドキュメント表示領域を0としたマウスポインタの位置 特別なことしなくてもイベントが発生した時のマウスポインタの位置を取得することが出来る。 <div id="imgmap"> <img src="tags.png" alt="Tags" width="400" height="151" border="0" usemap="#Map" /> <map name="Map" id="Map"><area

    buchi39
    buchi39 2010/09/02
    イメージマップでTooltip表示
  • 1