JSでナビゲーションバーのホバー効果を実装する(続き2)_javascriptスキル-jsチュートリアル-php.cn

[JS 実装ナビゲーションバーホバー]
[JS 実装ナビゲーションバーホバー (続き)]

このページを Jquery で書き換えた後、元のメソッドにはまだいくつかの問題があります:

1. まず第一に、Js コードが冗長であり、ナビゲーションバーのタブはハイパーリンクの代わりに js を使用してジャンプを実装します。ナビゲーションバー自体は固定で配置されていますが、水平方向の中央に設定されておらず、代わりに JS で左側の値が中央に配置されるように変更されます。

問題 2 では、ブラウザウィンドウのサイズが変更されると、ブラウザ内の div の位置が変更され、ページ内の div を介して固定 div を動的に修正できなくなります。ナビゲーションバーを使用して検索します。

最終的なコード変更は次のとおりです。

test.html