宜しくお願い致します。
下記の企業サイトのメインメニュー部分についてお聞きします。
https://www.tempstaff.co.jp/staff/
メインメニューの「トップ」「登録情報の追加」~と幾つかメニューがありますが
この部分のコードについてお伺い致します。
コードを見てみると、メインメニューの中の「トップ」部分だけを見ても
下記のコード表記がありました。
<li id="on-01a" class="nav-item active" style="display:none"> <a href="/staff/"> <img id="g-top01" src="/shared/img/add-img/nav_mypage_on.png" height="41" width="126" alt="MYページトップ"> </a> </li> <li id="off-01a" class="nav-item" style="display:none"> <a href="/staff/"> <img id="g-top01" src="/shared/img/add-img/nav_mypage.png" class="effect-hoverswap" height="41" width="126" alt="MYページトップ"> </a> </li> <li id="on-01b" class="nav-item" style="display: inline;"> <a href="/staff/"> <img id="g-top01" src="/shared/img/add-img/nav_top_on.png" height="41" width="65" alt="トップ"> </a> </li> <li id="off-01b" class="nav-item" style="display: none;"> <a href="/staff/"> <img id="g-top01" src="/shared/img/add-img/nav_top.png" class="effect-hoverswap" height="41" width="65" alt="トップ"> </a> </li>
メニューの中の「トップ」だけでもli表記で4つの表記があります
(li id="on-01a"/li id="off-01a/li id="on-01b/li id="off-01b"の4つ)。
初心者ですみませんが、トップの表示をするだけで、なぜこのような4つのliの
表記が必要になるのでしょうか。
上から2つのli id="on-01a"/li id="off-01aの2つのimg要素の画像(MYページトップ)
は画面のどこにも表示されていないようですし、他2つのli id="on-01b/li id="off-01b
の2つのイメージ要素の(トップ)画像もなぜ2つ必要なのか分かりません。
(a:hoverで2つの画像を使い分けているのでしょうか?)
細かい質問ですみませんが、このli要素の4つの使い分けについて分かる方
いましたら教えて頂けたら幸いです。
宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー