Javascript 使用第n个子选择器更改字体颜色mousedown/mouseup

我想知道我的jQuery是否有正确的逻辑或语法。我认为这个简单的jquery在逻辑上是正确的。让我告诉你们我真正想要发生什么，所以我有一个菜单导航栏，我希望它在我向下或向上滚动时交替改变字体颜色。因为我有这个ul>li类用于幻灯片，所以我使用它来确定使用第n个子语法是奇数还是偶数。所以，我决定在变量中分配它，然后使用if-else来过滤它们将显示的颜色

$(document).ready(function() {
var odd = $(".fullpage-data>ul>li:nth-child(odd)");
var even = $(".fullpage-data>ul>li:nth-child(even)");

if odd.mousedown(function() {
    $("#menu>ul>li").css("color","red");
})
else even.mousedown(function () {
    $("#menu>ul>li").css("color","white");
})

})

---

也可以在相同的情况下有鼠标下颌和鼠标键吗？或者

可以考虑使用CSS伪类悬停而不是鼠标下移和鼠标拖动。当然，您也可以使用第n个子选择器

例：

---

有什么理由用js而不是css来做这件事吗？嗨！我必须使用mouseup和mousedown函数，因为我想要发生的是当用户向下或向上滚动菜单时字体颜色的变化。因为我的站点有一个交替的图像-白色背景-图像-白色背景顺序

.fullpage-data ul li:nth-child(odd):hover{color:red;}
.fullpage-data ul li:nth-child(even):hover{color:white;}