クリッカブルマップを使ったロールオーバー｜Webクリエイターネット
Category Javascript 1枚の画像に複数のリンクを設定する際"クリッカブルマップ(イメージマップ)"を使用することで、複雑な形でもリンク領域を指定できますので結構便利です。 ｢このクリッカブルマップ(イメージマップ)で、指定領域にカーソルを合わせた時に画像をロールオーバー出来れば便利かも｣と思ったことはないでしょうか？ ちょっとしたJavascriptで簡単に実装できますので、今回はその方法をデモページも交えて紹介しようと思います。 Keyword：クリッカブルマップ,ロールオーバー,Javascrpt ロールオーバー用のスクリプトを用意する rollover.js /* Rollover Script */ if(navigator.appVersion.charAt(0) >=3){ var rolimg = new Array(); for( i = 0 ; i <
HTML［map要素］イメージマップを定義する - TAG index
同時にid属性を指定する場合は、name属性とid属性の値は同一である必要があります。 イメージマップを使用することで、1つの画像内に複数のリンク領域を設定できるようになります。 次の例では、四角、丸、三角の図形と、それ以外の領域の部分にリンクが設定されています。 古いブラウザでは、それ以外の領域に設定されたリンクが機能しない場合があります。 イメージマップ作成の流れ イメージマップは、画像を埋め込むimg要素、マップを定義するmap要素、リンク領域を設定するarea要素、この3種類の要素で構成されています。 まず、イメージマップに使用する画像を用意して、それをimg要素で埋め込みます。 <img src="menu.gif" alt="メニュー"> map要素に name="" を追加して、任意のマップ名を指定します。次の例では map という名前を指定しています。（他のマップ名と重複し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
