IMG での UserMap の使用例
|
usemap は <img> タグの属性であり、使用するイメージ マップの名前を指定するために使用されます。 #Map セクションの Map は、<map> タグで定義されたイメージ マップです。その name 属性は Map であり、次のように定義されています。 コードをコピー コードは次のとおりです。<map name="マップ"> <area shape=rect 座標="100,100,200,200" href="test1.html"> <area shape=rect 座標="200,100,300,200" href="test2.html"> ... </マップ> 使用する場合: コードをコピー コードは次のとおりです。<img src="test.gif" usemap="#マップ"> イメージマップは、画像を複数の領域に分割します。異なる領域をクリックすると、異なるページに移動します。 クライアント イメージを作成するには、次のように新しい属性 USEMAP を追加する必要があります。 コードをコピー コードは次のとおりです。<IMG SRC="map_name.gif" USEMAP="#section_name"> USEMAP 属性 (イメージの使用) はブロック スタイルのハイパーリンクを受け入れるため、イメージ定義情報を同じ HTML ファイルに保存できます。 コードをコピー コードは次のとおりです。<IMG src="Images/index-top.jpg" border="0" usemap="#Map" id="IMG1" onclick="return IMG1_onclick()"> <MAP name="マップ"> <AREA 形状="rect" 座標="224,95,307,125" href="default.aspx"> <AREA shape="rect" coords="326,96,407,123" href="Cart.aspx"> <AREA shape="rect" coords="426,96,503,125" href="MemberShip/UserLogin.aspx"> <AREA shape="rect" coords="525,96,609,125" href="Admin/default.aspx"> </MAP> |
<<: WeChat アプレット uniapp は左スワイプによる削除効果を実現します (完全なコード)
>>: Dockerの核となる原則であるCgroupの詳細な説明
推薦する
Visual Studio Codeを使用してMySqlデータベースに接続し、クエリを実行します。
Visual Studio Code は、Microsoft が開発した強力なテキスト エディター...
Bootstrap 3.0 学習ノート グリッドシステムの原則
前の 2 つの記事の簡単な紹介を通じて、Bootstrap についての基礎的な理解が得られました。 ...
URLパラメータに基づくNginx転送
使用シナリオ:ジャンプ パスは、傍受された URL に応じて動的に構成する必要があります。これは、イ...
MySQL 外部キー制約 (FOREIGN KEY) ケースの説明
MySQL 外部キー制約 (FOREIGN KEY) はテーブルの特別なフィールドであり、主キー制約...
Vueは製品の拡大鏡効果を実現します
この記事の例では、製品の拡大鏡効果を実現するためのVueの具体的なコードを共有しています。具体的な内...
VMware WorkStation 14 pro インストール Ubuntu 17.04 チュートリアル
この記事では、VMware Workstation14 ProにUBuntu17.04をインストール...
VMware Workstation 14 Pro（仮想マシン）にシステムをインストールする方法の詳細な説明
この記事では、VMware Workstation 14 Pro (仮想マシン) にシステムをインス...
Vueでパスワードの表示と非表示機能を実装するアイデアを詳しく解説
効果： アイデア:入力タイプ属性を使用して、タイプ値がテキストの場合はパスワードを表示し、タイプ値が...
ベンダー プレフィックス: ブラウザ エンジン プレフィックスが必要なのはなぜですか?
ベンダープレフィックスとは何ですか?ベンダー プレフィックス - ブラウザー エンジン プレフィック...
LinuxでRPMを使用してmysql5.7.17をインストールする
LinuxでのMySQL5.7 rpmのインストール方法を参考までに記録します。具体的な内容は以下の...
MySQL でメタデータ ロックがブロックされている場所を確認する方法
MySQL でメタデータ ロックがブロックされている場所を確認する方法手順: 1. セッション1の実...
Nginx の break と last の違いの詳細な分析
まずは違いについて話しましょう最後に、書き換えられたルールは、次の場所と一致させるために書き換えられ...
favico.ico---ウェブサイトicoアイコン設定手順
1. 正常に生成されたアイコン ファイルをダウンロードし、名前を favico.ico に変更して、...
Redis イメージの Docker インストールと設定手順
目次序文環境インストールMySQLコンテナを作成して起動する落とし穴を避けるための注意MySQLコン...
MySQL の時間差関数 TIMESTAMPDIFF と DATEDIFF の使用
時間差関数 TIMESTAMPDIFF と DATEDIFF の使用SQL ステートメント、特にスト...