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の詳細な説明
推薦する
LinuxサーバのSSHクラッキング防止方法（推奨）
1. Linuxサーバーは、/etc/hosts.denyを設定して、相手のIPがSSH経由でサー...
インストールされていないバージョンの MySQL を使用する手順とパスワードを忘れた場合の解決策
最初のステップは、圧縮されたパッケージを対応するディスクに解凍することです。 2 番目の手順は、cm...
MySQL ストアド プロシージャのクエリ コマンドの概要
以下のように表示されます。 mysql.proc から名前を選択します (db='データベー...
JavaScript のデシェイクとスロットリングの例
目次安定スロットル: 手ぶれ防止: 一定時間内に最後のタスクのみを実行します。スロットル: 一定期間...
表のセル間の境界線/区切り線を非表示にする方法
上の境界線のみを表示する <table frame=above>下の境界線のみを表示する...
Vueはプライベートフィルターと基本的な使用法を定義します
プライベート フィルターとグローバル フィルターのメソッドと概念は同じですが、プライベート フィルタ...
キャンバスをベースにした超クールな水光効果を実現
この記事の例では、キャンバスをベースにした超クールな水の光の効果を実装するための具体的なコードを参考...
Msyql トランザクション分離について知っておくべきこと
トランザクションとは何ですか?トランザクションは、データベース管理システムの実行プロセスにおける論理...
Mysql での結合操作
結合の種類1. 内部結合: 結合関係を持つ 2 つのテーブル内のフィールドは、結合関係を満たすレコー...
MySQLクエリ条件の一般的な使用法の詳細な説明
この記事では、例を使用して、MySQL クエリ条件の一般的な使用方法を説明します。ご参考までに、詳細...
MySQL 8.0 パスワード有効期限ポリシーの詳細な説明
MySQL 8.0.16 以降では、パスワードの有効期限ポリシーを設定できます。今日は、この小さな知...
JavaScript 事前分析、オブジェクトの詳細
目次1. 事前分析1. 変数の事前解析と関数の事前解析1. 変数の事前解析2. 機能事前分析2. 事...
HTML+CSS+JS でスタックカルーセル効果を実装するサンプルコード
効果：スライドショーが一方向に動く場合、各画像のサイズ、位置、透明度、レベルを変更する必要があります...
支払いカウントダウンを実現し、ホームページに戻るためのjs
ホーム ページに戻るための支払いカウントダウン ケースの概要: シンプルな js 構文、getEle...
MySQL インデックスが失敗するいくつかの状況の概要
1. インデックスはnull値を保存しないより正確に言うと、単一列インデックスには null 値は格...