CSS Image Rollover Map ~ Europe ~ Sample Experiment with CSS Image Rollover Map - Europe「CSSだけでイメージマップを作る有用サンプル」でも紹介しましたが、似たようなサンプルがあったので紹介。 次のような、カーソルを合わせた際に画像が切り替わる、ロールオーバー地図がJavaScriptなしに作れるようです。 なかなか面白いサンプルで何かに応用できそうですね。
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。 画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScript を一切使っておらず、CSSだけで実現されているところがすごいですね。 JavaScript が要らず、次のような綺麗なHTMLで実現できるところも嬉しいですね。 実装も簡単そうです。 <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く