JSはBaidu Newsナビゲーションバーの効果を実現

<div class="box">
        <!-- 2 つの赤い背景ブロック -->
        <!--マウスに合わせて移動する背景ブロック-->
        <div id="移動"></div>
        <!--マウスをクリックすると背景ブロックがどこかに固定されます-->
        <div id="固定"></div>
        <a href="#">ホーム</a>
        <a href="#">国内</a>
        <a href="#">国際</a>
        軍隊
        <a href="#">財務</a>
        <a href="#">エンターテインメント</a>
        <a href="#">スポーツ</a>
        <a href="#">インターネット</a>
        <a href="#">テクノロジー</a>
        <a href="#">ゲーム</a>
        <a href="#">女性</a>
        <a href="#">車</a>
        <a href="#">プロパティ</a>
</div>

 *{
            マージン: 0;
            パディング: 0;
        }
        。箱{
            上:100ピクセル;
            幅: 790ピクセル;
            高さ: 30px;
            フォントサイズ: 0;
            位置: 相対的;
            マージン: 0 自動;
            背景色: #01204f;
        }
        {
            表示: インラインブロック;
            位置: 相対的;
            幅: 60ピクセル;
            高さ: 30px;
            行の高さ: 30px;
            色: 白;
            フォントサイズ: 16px;
            テキスト装飾: なし;
            テキスト配置: 中央;
            遷移: すべて 0.6 秒;
        }
        ＃動く{
            位置: 絶対;
            背景色: 赤;
            上: 0px;
            左: 0px;
            幅: 60ピクセル;
            高さ: 30px;
            遷移: すべて 0.6 秒;
        }
        ＃修理済み{
            位置: 絶対;
            背景色: 赤;
            上: 0px;
            左: 0px;
            幅: 60ピクセル;
            高さ: 30px;
        }

window.onload = 関数（）{
      let move = document.getElementById("move");//スライドする背景ブロック let fixed = document.getElementById("fixed");//背景ブロックをどこかに固定 let aList = document.getElementsByTagName("a");//タグリスト let left = move.offsetLeft + "px";//スライドする背景ブロックの初期位置 //すべての a タグを、move in、move out、およびクリック イベントにバインドします for (let i = 0; i < aList.length; i++) {
                aList[i].onmouseover = 関数 () {
                    // マウスが特定の a タグ内に移動すると、スライドする背景ブロックが現在の a タグの位置にスライドします。move.style.left = aList[i].offsetLeft + "px";
                }
                aList[i].onmouseout = 関数 () {
                    // マウスがラベル a から出ると、スライディング背景ブロックは初期位置に戻ります。move.style.left = left;
                }
                aList[i].onclick = 関数 () {
                    // 特定の a タグがクリックされると、固定背景ブロックが現在の a タグの位置に移動します。fixed.style.left = aList[i].offsetLeft + "px";
                    // スライディング背景ブロックの初期位置をラベルの現在の位置に更新します。a left = aList[i].offsetLeft + "px";
                }
            }
        }