ここから本文です

<li><a href="#" onmouseover="menu.innerHTML='bookmark'" onmouseout="menu.inne...

アバター

ID非公開さん

2019/5/206:16:13

<li><a href="#" onmouseover="menu.innerHTML='bookmark'" onmouseout="menu.innerHTML=''">

<img src="メニュー画像URL" width="31"></a></li>

このタグはどう使うのですか?
どこにbookmarkのURLを入れたらいいのですか?

p.s.このタグを並べると画像が縦並びになってしまうのですが、横並びにするにはどうすればいいでしょうか?

閲覧数:
33
回答数:
2
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

imr********さん

2019/5/313:34:16

>■aox/10207163915/ID非公開さん
>このタグはどう使うのですか?

構文エラーが機能しているかどうかの確認時に使いますね。

この回答は投票によってベストアンサーに選ばれました!

ベストアンサー以外の回答

1〜1件/1件中

leg********さん

2019/5/512:38:23

ご質問は、3点ありますね。

Q1. このタグはどう使うのですか?
A1. リスト項目を記述する際に使います。

Q2. どこにbookmarkのURLを入れたらいいのですか?
A2. ごく一部のコードしか書かれていないために、詳細は不明です。

ただ、言えることは、以下のようになる、ということ。

1) このLIタグにマウスカーソルを乗せた時、
「menu」要素内が「bookmark」に書き換わる

2) このLIタグからマウスカーソルを離した時、
「menu」要素内が元に戻る

もし、bookmarkの箇所に URLを入れたいなら、
それなりのアドレスを別に準備しておく必要があります。

例えば、
<script>
var bookmark = "https://detail.chiebukuro.yahoo.co.jp/";
</script>

こうしておいて、
onmouseover="menu.innerHTML='bookmark'"

ここを、
onmouseover="menu.innerHTML=`${bookmark}`"
こうすることで、URLが代入されます。

Q3. このタグを並べると画像が縦並びになってしまうのですが、
横並びにするにはどうすればいいでしょうか?

A3. このLIタグの親要素にCSSで、ある仕掛けをします。
親要素は「OL」、「UL」のどちらかです。

もし、「UL」を使っていたら、次のように記述します。

<style>
ul { display: flex; }
</style>

以上で、ご理解いただければ幸いです。

あわせて知りたい

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる