<img src="img/img.gif" usemap="#maps">
<map name="maps">
<area shape="rect" coords="0,0,50,50" href="#"
onclick="return false;">
</area>
のような感じで、 <area></area> で囲まれた部分の領域にボーダーを表示させたいのですが可能でしょうか?
<area ~ style="border:1px solid #ff0000">~
では出来ませんでした。
No.2ベストアンサー
- 回答日時:
area エレメントは、クライアントサイドマップでの領域を「定義」するものですからそれ自体は、表示されるものではないということでしょう。
style 属性としてボーダーが存在しませんので、できないと思います。
私も、画像の側でボーダーを引くのがいいと思います。
この回答への補足
回答有難うございます。
No1 で補足したとおり、質問内容と本来やりたいことが若干食い違っていました。
javascriptからスタイルを操作したいと考えていたんですが、無理そうですね。
いいアイデアがあれば、お願いします。
No.3
- 回答日時:
オンマウスで上に表示されるレイヤーの方に、マップを使う画像に重なるよう枠の画像を入れたらどうですか?
No.1
- 回答日時:
初めから画像にボーダーつけておけばいいのでは?
この回答への補足
回答有難うございます。
やりたいことと質問内容が若干ずれているようで、イメージ的には、
http://www.yuka-club.com/
のようなことをやりたいわけです。
特定の領域にマウスが乗ると、別のところに新しい領域が現れ、新しい領域に、例えば拡大された画像が表示される。
マウスが乗っている領域を強調する意味で、javascript から線を表示・非表示出来るようにしたいのです。
だから画像を加工することは考えてないんですが、何かいい案はないでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- 英語 It will most likely be necessary to perform a spli 2 2023/03/26 09:40
- 英語 a fertile and prosperous area... 2 2022/05/05 09:26
- 英語 This is best accomplished by elevating the membran 1 2023/03/13 18:42
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- ノートパソコン ファンクションキー F7 3 2022/10/27 17:59
- 英語 One out of four people will be 70 years old or mor 8 2022/08/12 00:48
- 作詞・作曲 【花の苗】という言葉は、詩的にはどのような事物を表現しているのでしょうか? 1 2023/03/16 09:23
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ブロックエディターで作りつつ...
-
アニメーションGIFについて
-
クリッカブルMAP領域が分かる様...
-
画像クリックでクリップボード...
-
フォルダ内の画像をウェブでラ...
-
アルバムをめくるように、画像...
-
複数のボタンで1つのエリアに...
-
画像ファイルを使ってお気に入...
-
HTMLにQRコードを挿入する方法
-
バナーの貼り方とバナーにリン...
-
サムネイルクリックで、画像を...
-
複数URLへのサーフタグ
-
goo簡単HPについて
-
HPの背景や、リンクの文字色を...
-
画像の表示についての質問
-
画像に触れたらテキストがでる...
-
アップロードした画像を表示す...
-
タブブラウザのタブに、画像を...
-
HPでの画像(写真)添付について
-
同じページ内で携帯とPCの表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
背景が透明なリンクボタンで、...
-
カーソルを合わせると文字が出...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
クリックしても、リンクに飛ば...
-
pngやjsの後ろの英数字の意味は...
-
複数のボタンで1つのエリアに...
-
バナーの貼り方とバナーにリン...
-
「DecareステートメントにPtrSa...
-
リンクの上にマウスカーソルを...
-
崩れたレイアウトが更新すると...
-
サムネイル(画像)をクリックす...
-
windowsは画像にマウスオンで画...
-
form以外でのpostってできますか?
-
onmouseoverに複数の命令を書き...
-
正規表現でリンクタグを削除す...
-
HTMLにQRコードを挿入する方法
-
画像を入れ替える方法
おすすめ情報