[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が必要で、使わなきゃとなった時に、こんなことも出来るということを知っておくとありがたがられるかもしれませんね。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 小さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
