ホームページ > ウェブフロントエンド > CSSチュートリアル > Lesson01_08 イメージマップ_基本チュートリアル

Lesson01_08 イメージマップ_基本チュートリアル

WBOY
リリース: 2016-05-16 12:08:54
オリジナル
1295 人が閲覧しました

1. 画像のハイパーリンク:
形式は次のとおりです:

2. イメージマップとは何ですか?
画像を複数の領域に分割し、各領域が異なる URL アドレスを指すようにします。

3. 画像マップの生成方法
(1) まず画像の各ホットスポット領域の形状、位置座標、URL アドレス情報を定義するこのプロセスを画像ホットスポット マッピングと呼びます。
このプロセスは、 タグを使用して説明します。ここで、name 属性は、このホットスポット マッピングの名前を指定します。
(2) 画像ホットスポット内のマッピングの各領域は、 タグで記述されます。 タグの形式は次のとおりです。 HREF 部分は nohref も使用できます。この領域でのクリックは無効であることを意味します。 (3) 定義後、次のように usemap という名前の属性設定を イメージ タグに追加する必要があります。

例: コードは次のとおりです。以下に続きます:

<マップ名=mymap>
効果は次のとおりです:
ログイン後にコピー

形状属性を設定する手順:

rect は長方形の領域を定義し、coords 属性には長方形の左上隅と右下隅の座標が設定されます。各座標値は、記号で区切られます。
  • poly は多角形の領域を定義し、coords 属性の設定値は多角形の各頂点の座標値です。
  • cicleは円形の領域を定義しており、coords属性の設定値は円形の座標と半径で、最初の2つは座標、後の1つは半径です。
  • 例: コードは次のとおりです: 効果は次のとおりです: 例: コードは次のとおりです: 効果は次のとおりです: 例: コードは次のとおりです: 効果は次のとおりです: 例:コードは次のとおりです。 効果は次のとおりです。 例: コードは次のとおりです。 効果は次のとおりです。 例: コードは次のとおりです。 : 効果は次のとおりです。 例: コードは次のとおりです。効果は次のとおりです:

  • 関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート