Javascript 当<；部门>；点击屏幕顶部

当

div.textbox

点击屏幕顶部时，如何更改导航栏的背景颜色和文本颜色

我可以自己改变颜色，所以不用担心它们是什么颜色

HTML:

---

非常感谢您的帮助

为什么不使用引导navbar类？然后你可以玩玩它，并检查你的html代码。有一个错误后你试过这个吗？或者，您可以使用“我想要导航栏透明度”效果进行更多更改

<ul id="navbar">
    <b>
        <li><a href="#home">Home</a></li>
        <li><a href="#news">News</a></li>
        <li><a href="#contact">Contact</a></li>
        <li><a href="#about">About</a></li>
    </b>
</ul>
<h1> What is Artificial Intelligence? </h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed</p>
<div class="bgimg-1"></div>
<div class="text-box" id="textbox"></div>

ul {
    list-style-type: none;
    padding: 0;
    overflow: inherit;
    background-color: rgba(0,0,0,0);
    position: fixed;
    top: 0;
    width: 100%;
    margin-top: 0;
    min-height: 15px;
    min-width: 200px;
}

li {
    float:right;
}

li a {
    display: block;
    background-color: rgba(0,0,0,0);
    color: white;
    text-align: left;
    padding: 15px 15px;
    text-decoration: none;
    float: right;
    transition: 0.3s all ease-in;
    border-radius: 3px;
}

li a:hover:not(.active) {
    background-color: rgba(0,0,0,0.3);
    transition: 0.3s all ease-in;
}