前のページメニュー次のページ

クリッカブルマップに連動して説明を表示

作者がミシガン州立大学の日本人会のウェブマスターをやっていたころに作ったもので、JavaScriptのインタラクティビティー性が存分に発揮できる技です。比較的簡単なスクリプトですが、クリッカブルマップを使っているため応用範囲は広いです。

HTMLタグでクリッカブルマップ中のcoords=以下の数字は、クリックする範囲をピクセル座標で表します。最初の2つの数字は、クリックする範囲(四角形)の左上隅のピクセル座標、次の2つの数字は右下隅のピクセル座標です。ピクセル座標は、ウィンドウズ付属のペイントなどで画像を開いてマウスで画像の上をなぞるとウィンドウの右下のあたりに表示されます。

(使用例)

Local Japanese Food Map

map

Name:
Description: