![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
A 回答 (1件)
- 最新から表示
- 回答順に表示
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_16.png?e8efa67)
No.1
- 回答日時:
クリッカブルマップを使う。
詳細は検索して調べる様に。
画像の左上を(0,0)、右下を(横max、縦max)として区画を定義。
例として添付図で説明。
赤にマウスオンしたら赤、青にマウスオンしたら青と表示する。
この場合のhtmlの記述は以下
<img src="clipmap.gif" usemap="#Map" alt="" title="">
<map name="Map">
<area shape="rect" coords="0,0,100,100" href=#" title="赤">
<area shape="rect" coords="100,0,200,100" href=#" title="水色">
<area shape="rect" coords="0,100,100,200" href=#" title="薄い赤">
<area shape="rect" coords="100,100,200,200" href=#" title="青">
</map>
実際に表示すると下記
http://www.tfumi01.com/test/test.html
![「マウスアップで文字を表示する」の回答画像1](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/f/831604_572454155d45c/M.gif)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- デスクトップパソコン パソコンのこの症状に悩まされる。 6 2023/02/24 12:52
- Excel(エクセル) Excel マウスなし操作の質問 3 2022/06/04 13:39
- Visual Basic(VBA) Vba テキストボックスの文字列をボタンで入力するとテキストボックスの端の文字列が更新されない 2 2022/05/21 23:32
- Outlook(アウトルック) Outlook トップ画 イニシャル変えたい Outlookについてわかる方教えてください。 左のメ 1 2022/11/06 23:58
- Windows 95・98 Windows11にバージョン アップしました。 2 2023/07/21 18:36
- Visual Basic(VBA) VBA 画面上のカーソルに文字数字を入力するコードを教えて下さい 1 2022/10/30 10:31
- その他(パソコン・スマホ・電化製品) アップルウォッチについて相談です。 文字盤に歩数を表示出来るように pedometer++を追加し設 2 2022/09/03 18:37
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- Excel(エクセル) エクセルの数式で教えてください。 5 2023/02/10 15:11
- Word(ワード) Wordに関して詳しい方教えてください。 Wordで文章を打つ際、写真のように、本文のところに文字が 4 2022/05/23 00:51
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
form action="#"
-
マウスアップで文字を表示する
-
「iframe内ページ」の「ページ...
-
ページの途中にリンクするとそ...
-
HTMLの中に他のHTMLを表示する方法
-
HTMLで別のフォルダのファイル...
-
画像ボタンにフォーカスさせない
-
画像をクリックしたら音楽が流...
-
Preタグ内URLからリンクは張れ...
-
<a target="_top" href="***.ht...
-
safariでアンカーリンクが動作...
-
httpdで接続が拒否される
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
htmlファイルの表示が真っ白
-
htmlの中にexcelが埋め込むには...
-
POSTしたデータの文字コードがu...
-
SSIでインクルードしたファイル...
-
Webサイトから、txtファイルを...
-
iPadの標準ブラウザでローカルH...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
form action="#"
-
リンク先からリンク元の、同じ...
-
<a href="/">トップへ</a> こ...
-
ページの途中にリンクするとそ...
-
<a target="_top" href="***.ht...
-
httpdで接続が拒否される
-
画像をクリックしたら音楽が流...
-
WEBページのヘッダーフッターを...
-
a:linkのスタイルのインライン指定
-
iframe内の特定の場所にジャン...
-
Preタグ内URLからリンクは張れ...
-
ブラウザ依存?<a name="#xxx" ...
-
インラインフレーム内のアンカ...
-
ページ内の画像だけを一定時間...
-
googleサーチコンソールで、重...
-
インラインフレームの中に表示...
-
インラインフレーム切り替え&...
-
リンクの文字とリンクの文字を...
-
画面を開いたときに指定位置ま...
-
dreamweaverCS4で、絶対パスで...
おすすめ情報