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の詳細な説明
推薦する
7つの便利なTypeScriptの新機能
目次1. オプションの連鎖2. NULL値の結合3. 再帰型エイリアス4. アサーション署名5. P...
地域のカスタムカラーのためのechars 3Dマップソリューション
目次質問伸ばす問題を解決する要約する質問プロジェクトの要件に従って、以下の州地図で個々の都市を（異な...
HTML thead タグの定義と使用法の詳細な紹介
コードをコピーコードは次のとおりです。 <thead> <!– 最初の 2 行をヘ...
HTML で JavaScript の全選択/全選択解除操作を実行するサンプル コード
コードをコピーコードは次のとおりです。 <html> <ヘッド> <m...
Nginx 転送ソケットポート設定の詳細な説明
Nginx によるソケット ポート転送の一般的なシナリオ: オンライン学習アプリケーションでは、通常...
JavaScript offsetParent のケーススタディ
1. offsetParentの定義: offsetParentは子要素に最も近い位置に配置された親...
ElasticSearch と ElasticSearch-Head の Docker デプロイメントの実装
この記事では主にDockerを使ってElasticSearch:バージョン6.8.4をデプロイする方...
Vue codemirrorはオンラインコードコンパイラの効果を実現します
序文Web 上でオンライン コード コンパイルの効果を実現したい場合は、 CodeMirrorを再度...
UbuntuにMySQLデータベースをインストールする方法
Ubuntu は、Linux をベースにした無料のオープンソース デスクトップ PC オペレーティン...
WeChatアプレットトラック再生の実装と遭遇した落とし穴の詳細な説明
WeChat アプレットの軌跡再生では、主に線描画操作にポリラインを使用し、車の移動操作にマーカーを...
Linux で指定されたフォルダの各サブフォルダ内のファイル数を表示する
カウントスクリプト #!/bin/sh 引数の数=$# [ $numOfArgs -ne 1 ]の場...
MySQL データベースの集計クエリと結合クエリ操作
目次1. クエリ結果を挿入する2. 集計クエリ2.1 はじめに2.2 集計関数2.3 group b...
MySQL 8のパスワードを忘れた場合のベストな対処法の簡単な分析
序文MySQL に精通している読者は、MySQL が非常に迅速に更新されることに気付くかもしれません...
ネイティブ JS でスネーク ゲームを書く
この記事では、参考までに、JSでスネークゲームを書くための具体的なコードを紹介します。具体的な内容は...