Javascript 导航更改为浅色背景的悬停状态

我正在为我的网站做一个功能，在那里我想要一个功能相同

详细说明：当我在导航上悬停时，我想使背景光

---

如果还需要什么，一定要告诉我。

我希望我能理解你的问题。请参见下面的示例：

$（文档）.ready（函数（）{
$（“ul li”）.mouseover（函数（）{
$（此）.addClass（'light-bg'，1000）；
$（'body'）.addClass（'new-body-bg'，1000）；
});
$（“ul li”）.mouseleave（函数（）{
$（此）.removeClass（'light-bg'，1000）；
$（'body'）.removeClass（'new-body-bg'，1000）；
}); });
ul{
背景色：#ddd；/*选择您选择的颜色*/
高度：40px；
}
李{
显示：内联块；
字号：18px；
填充：10px；
线高：20px；
文本对齐：居中；
右边距：15px；
}
.轻背景{
背景色：#fff；/*选择您选择的颜色*/
线高：20px；
}
.新机构背景{
背景色：#ccc；/*选择您选择的颜色*/
位置：相对位置；
}






参见：

不使用jQuery

您希望找到要执行此操作的所有元素
然后你想在它们之间循环
您将对每个侦听器应用两个侦听器，一个用于输入，一个用于离开
js:

var-mes=document.querySelectorAll（“.me”）；
函数转换（）{
document.body.style.backgroundColor=“浅灰色”；
}
函数转换（）{
document.body.style.backgroundColor=“darkgray”；
}
对于（i=0；i
使用css或jquery，悬停时，为div或imageNeed设置不透明度需要您尝试使用的代码…标记HTML和CSS@Piyush：嗨，皮尤斯，我希望整个
标签都有这个，怎么使用它？@Priyanka:-然后设置不透明度tag@Piyush：我已经试过了，但不起作用，如果你需要html，一定要告诉我。我需要整个身体，而不是导航background@Priyanka检查我的答案。尝试添加到你网站的标题，并确保你没有从加载脚本sop。但它将只适用于该选择性类。我需要在悬停导航菜单上更改身体颜色@sleek geek的另一个答案是更好的代码，但我还是想解释一下原因，这样你就可以更多地了解它的工作原理，并让答案更简单一些。
var mes = document.querySelectorAll(".me");

function changeIn(){
        document.body.style.backgroundColor = "lightgray";
}

function changeOut(){
        document.body.style.backgroundColor = "darkgray";
}

for(i = 0; i < mes.length; i++){
       mes[i].onmouseenter = changeIn;
       mes[i].onmouseleave = changeOut;
}