質問: 宜しくお願い致します。 下記の企業サイトのメインメニュー部分についてお聞きします。 https://www.tempstaff.co.jp/staff/ メインメニューの「トップ」「登録情報の追加」~と幾つかメニューがありますが この部分のコードについてお伺い致します。 コードを見てみると、メインメニューの中の「トップ」部分だけを見ても 下記のコード表記がありました。 ``` ``` メニューの中の「トップ」だけでも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つの使い分けについて分かる方 いましたら教えて頂けたら幸いです。 宜しくお願い致します。
回答: 確かに不思議な実装方法を取っていますが、意図している機能としては単純です。 トップとMyページトップのオンオフで計4つが存在おり、 恐らくbodyのidか、もしくはログイン状態か何かで判別して表示を切り替えているのかと思います。 よくある実装方法としては4つも用意せずに判別でliの内容自体を書き換えたりするんですが 何らかの理由があるのかもしれません。