タグ

イメージマップに関するnaohorのブックマーク (2)

  • [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

  • 次世代のイメージマップを実現できるjQueryプラグイン「ImageMapster」:phpspot開発日誌


    ImageMapster jQuery <map>  <area> 使jQuery  Web1.0 使UI使  HTML5jquerydesktopify 
  • 1