JavaScript で検索した結果 - プログラミングならドットインストール

要素をアニメーションさせる方法と要素の重なり順を指定する方法を見ていきます。

完成版を確認したあとで、必要なファイルを作っていきます。

作成したindex.htmlを使って、学習の準備を進めていきます。

HTMLでマークアップをして、必要な要素を作っていきます。

CSSで、画面全体とメニューのスタイルを調整していきます。

activeクラスがついているメニューにスタイルをつけていきます。

細かい部分のスタイルを調整していきます。

メニューのliにclickイベントを設定して、クリックされたらactiveクラスが追加されるようにしていきます。

activeクラスを追加する前に、元からついていたactiveクラスは外すことで、移動するようにします。

内容を切り替えるための処理として、まず全てのcontentからactiveクラスを削除します。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス