JS implements navigation bar hover effect (continued 2)_javascript skills-JS Tutorial-php.cn

[JS-implement navigation bar hover]
[JS-implement navigation bar hover (continued)]

After rewriting this page with Jquery , found that the original method still has several problems:

1. First of all, the Js code is redundant, and the Tab on the navigation bar uses js to implement jumps instead of hyperlinks;

2 .Also the navigation bar itself is positioned with fixed, but it is not set to be horizontally centered. Instead, the left value is changed in JS to center it.

Problem 2 results in that when the size of the browser window changes, the position of the div in the browser changes, which results in the inability to dynamically fix the fixed div through the div in the page. Position the navigation bar to locate.

The final code changes are as follows:

test.html

Copy code The code is as follows:

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

JS implements navigation bar hover effect (continued 2)_javascript skills