[portfolio] car

🧑🏻‍💻 car

ウォルボ自動車韓国ホームページクローン

> Tech Stack

HTML, CSS

JavaScript, jQuery

Git, GitHub

> What did I do

Google Webフォント

を適用
アプリケーション

fontawesomeアイコン

応答型ウェブページ作成

メニューバーをクリックすると、表示側メニューの機能

が実現する.

側メニューからメニューをクリックして対応するメニューに変更する機能を実現

>覚えたいコード

サイドメニューウィンドウでメニューをクリックすると、各メニューに対応するメニューウィンドウに切り替わります.

// side menu - buy
$('.menu-list-buy').click(() => {
  $('.sub-menu').hide();  👀
  $('.sub-menu-buy').show();
});

// side menu - service
$('.menu-list-service').click(() => {
  $('.sub-menu').hide();  👀
  $('.sub-menu-service').show();
});

// side menu - why volvo
$('.menu-list-why-volvo').click(() => {
  $('.sub-menu').hide();  👀
  $('.sub-menu-why-volvo').show();
});

// side menu - more
$('.menu-list-more').click(() => {
  $('.sub-menu').hide();  👀
  $('.sub-menu-more').show();
});

メニューウィンドウは、いずれも$('.sub-menu').hide()コードでメニューウィンドウを初期化符号化している.
次に、対応するメニューのメニューウィンドウを作成します.
ここでは、反復文をさらに用いて簡略化符号化を行うこともできるかもしれない.
君はもう一度考えるべきだ.🧐

>アドレス

https://github.com/deepbm/deepbm/tree/main/portfolio/car