モール左側の大きなカテゴリーナビゲーションメニューのチュートリアルのご紹介

Tmall、淘宝網、JD.com、その他のモールを閲覧したことがあるはずですが、これらのモールに入るときは、通常、以下に示すように、ページの左側にモールのナビゲーションバーがあります

。ユーザーが必要なものをすぐに見つけられるようにするため、情報の分類、上の画像の製品をクリックすると、以下に示すように、右側に別の分類が表示されます

これらの効果は主に CSS ホバー効果を使用します。このコースでは、CSS を使用してこれらの効果を実現する方法を学びます

新しいファイル

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>商城左侧大分类导航菜单</title>
</head>
<body>
<h1>商城左侧大分类导航菜单</h1>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX