※ ChatGPTを利用し、要約された質問です(原文:ユニクロのWEBサイトのメニューの仕組みについて)
ユニクロのWEBサイトのメニューの仕組みについて
このQ&Aのポイント
ユニクロのWEBサイトのメニューの仕組みについて説明します。メインのビジュアルイメージの右上には『TOPへ』と『コーディネート』のボタンがあります。『コーディネート』をクリックすると、メニュー画像が表示されます。さらに、このメニュー画像をマウスオーバーすると、『TOPへ』と『コーディネート』のメニューが表示されます。
ユニクロのWEBサイトでは、メインのビジュアルイメージの右上に『TOPへ』と『コーディネート』のボタンがあります。この『コーディネート』をクリックすると、メニュー画像が表示されます。そして、このメニュー画像をマウスオーバーすると、『TOPへ』と『コーディネート』のメニューが表示されます。
ユニクロのWEBサイトでのメニューの仕組みを説明します。メインのビジュアルイメージの右上には『TOPへ』と『コーディネート』のボタンがあります。『コーディネート』をクリックすると、メニュー画像が表示されます。このメニュー画像をマウスオーバーすると、『TOPへ』と『コーディネート』のメニューが中から出てきます。
ユニクロのWEBサイトのメニューの仕組みが知りたいです。
http://store.uniqlo.com/jp/store/feature/casualshirts/l3women/
このページのメインのビジュアルイメージの右上に
TOPへ
コーディネート
とあります。
そちらのコーディネートをクリックすると
四角の中にMENUと書かれたメニュー画像が出てきます。
このメニュー画像をマウスオーバーすると
TOPへ
コーディネート
上記のメニューが中から出てきます。
この仕組みを知りたいのですが、それらを説明している参考サイトなど知っている方いらっしゃればおしえていただければ幸いです。
CSSを見たのですが全く意味が分かりません。
なぜこれで、あのメニューが出来るのでしょうか。
#l3_content_banner p.btnLivebanMenu,
#l3_content_banner ul.btnLivebanMenu{
position:absolute;
top:10px;
right:10px;
}
#l3_content_banner ul.btnLivebanMenu li{
line-height:0%;
font-size:0%;
}
#l3_content_banner ul.btnLivebanMenu li img{
vertical-align:top;
}
よろしくお願いします。
お礼
回答ありがとうございます。 JavaScriptでの処理だったんですね。 > display を block <-> none の切り替えにフェードIn/Out JavaScriptはあまり分からないのですが、こういったことが出来る様に勉強したいと思います。 No.1さんの方が回答が早かったのですが、内容まで説明していただけたのでベストアンサーにしたいと思います。 ありがとうございました。