img usemap 属性 中国地図リンク
|
HTML img タグ: Web ページに導入される画像を定義します。興味深い usemap 属性もあります。 51dituのホームページを見ると、真ん中に中国の地図がある地図があります。右クリックしてダウンロードすると、普通の画像であることがわかります。 しかし、地図上の州をクリックすると、さまざまなイベントがトリガーされる（またはさまざまなリンクが開く）ので、非常に興味深いです。 usemap属性が使用されていることがわかります。 もちろん、マップ タグを定義する必要があります。コード全体は次のようになります。  ヒント: 実行前にコードの一部を変更することができます マップ タグ内のエリア タグのいくつかの属性の意味については、http://www.w3school.com.cn/tags/tag_area.asp を参照してください。 ここでも、エリアの形状属性に注目してください。オプションは、長方形、円、多角形です。 coords 属性には特に注意してください。この属性は shape と組み合わせて使用する必要があります。画像の左上隅の座標は「0,0」です。 |
<<: dockerにmysqlをインストールした後にNavicatが接続できない問題に対する完璧な解決策
推薦する
ElementUIはカスケードセレクタを実装します
この記事の例では、カスケードセレクターを実装するためのelementUIの具体的なコードを参考までに...
CSSアニメーションとSVGを組み合わせてエネルギーの流れの効果を作成する
最終的な効果は次のようになります。アニメーションは2つのステップに分かれていますランニング軌道を開発...
CSS3のbox-shadowプロパティの使い方の詳細な例
CSS には多くの属性があります。特に複数の値を設定する必要がある属性は、長期間使用しないと忘れられ...
ダッシュボードを実装するためのjQueryプラグイン
jQueryプラグインは、参考のためにダッシュボードを実装します。具体的な内容は次のとおりです。一般...
nginxリバースプロキシによるセッション障害の問題の解決策
同僚から助けを求められました。バックエンド システムへのログインは成功したものの、システムには正常に...
Vue プロジェクトで垂直テーブルを 2 つの方法で実装するアイデアの分析
問題の説明私たちのプロジェクトでは、水平方向のテーブルが一般的ですが、必要に応じて垂直方向のテーブル...
deepin apt コマンドを使用して最新バージョンの docker をインストールする方法
ステップ1: Ubuntuソースを追加するルートに切り替える suルートソフトウェアソースファイルの...
Mac ノードの削除と再インストールのケーススタディ
Macノードの削除と再インストール消去 ノード -v sudo npm アンインストール npm -...
CentOS 7 で MySQL 5.7 をインストールして設定する
この記事では、以下の環境をテストします。 CentOS 7 64 ビット 最小 MySQL 5.7 ...
Vue 開発プロジェクトで Font Awesome 5 を使用する方法
目次依存関係をインストールする構成使用1.アイコン検索ページに入る2. 使用したいアイコンの英語名を...
MySQL EXPLAIN出力列の詳細な説明
1. はじめにEXPLAIN ステートメントは、MySQL がステートメントを実行する方法に関する情...
Vue3.0 で Vuex 状態管理を開始する方法をすぐに習得します
Vuex は、Vue.js アプリケーション専用に開発された状態管理パターンです。集中型ストレージを...
JavaScript を使用してセカンダリ メニューを作成する
この記事では、セカンダリメニュー効果を実現するためのJavaScriptの具体的なコードを参考までに...
CentOS7.3 での MySQL 8.0.13 のインストールと設定のチュートリアル
1. 基本環境1. オペレーティングシステム: CentOS 7.3 2. MySQL: 8.0.1...
Linuxで相対パスを表現する方法
たとえば、現在のパスが /var/log で、/usr ディレクトリに移動する場合は、次のコマンドを...