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 環境に JDK 13 をインストールする方法
JDK とは何ですか?まあ、この質問がわからないのであれば、なぜこれをインストールするのか本当にわか...
JavaScriptのスリープ関数の使用
目次1.スリープ機能2.タイムアウトを設定する3. 約束4. 非同期待機5. 1秒後に出力1、2秒後...
MySQL 5.7 でパスワードを変更するときに発生する ERROR 1054 (42S22) の解決方法
MySQL 5.7 を新しくインストールしました。ログインすると、パスワードが間違っているというメッ...
Mysql マスタースレーブレプリケーションの注意事項の説明
1. マスター'x@xxxx:x'への接続エラー- 再試行時間: 60 再試行回数:...
PHP で JSON バックスラッシュを削除する例
1. 「stripslashes($_POST['json']);」メソッドを使用し...
Linuxの相対パスと絶対パスの使用
01. 概要絶対パスと相対パスはシェル環境でよく使用され、それぞれに独自の用途があります。相対パスの...
Vueはボールのスライディングクロス効果を実現します
この記事の例では、ボールのスライドとクロスの効果を実現するためのVueの具体的なコードを共有していま...
MySql のサブクエリ内のクエリ例の詳細な説明
北西を見ると私の故郷はどこにあるでしょうか。南東の満月を何度見たことがあるでしょうか。月が再びゆっく...
Vue バックグラウンドでステータス ラベルをエレガントに記述する例
目次序文最適化変数の抽出二次包装 el-tag コンポーネント使用要約する序文バックエンドシステムの...
MySQL innodb_autoinc_lock_mode について
innodb_autoinc_lock_mode パラメータは、auto_increment 列を持...
jQueryはすべての選択と逆選択操作ケースを実装します
この記事では、全選択と逆選択操作を実装するためのjQueryの具体的なコードを参考までに共有します。...
base target="" はフレームを開くためのベースリンクのターゲットを指定します
<base target=_blank> は、基本リンクのターゲット フレームを新しいペ...
Tomcat でサーブレット URL パターンを構成する際の問題の詳細な説明
tomcat の web.xml を構成する場合、サーブレットは比較的重要な問題です。ここでは、サー...
Vue の computed と watch の違いを分析する
目次1. 計算入門1.1、getとsetの使い方1.2. 計算された属性キャッシュ2. 時計の紹介3...
MySQL UPDATE ステートメントの「典型的な」落とし穴
目次1. 問題のあるSQL文たとえば、次の図のような質問をした人がいました。 問題は次のように要約で...