jQuery初学者，背景不熟悉'；不要往回换

所以，我试着创建一个普通的菜单
HTML:

    <ul>
        <li><a href="#">hompeage</a></li>
        <li><a href="#">link</a></li>
        <li><a href="#">link</a></li>
        <li><a href="#">link</a></li>
    </ul>

• 我对这一点非常了解，所以请不要消极和不喜欢我，我仍在学习<谢谢你们
  
  

编辑：更改了代码，但不是正确的代码

编辑2:已解决
使用了

mouseenter（）

和

mouseleave（）

事件。这么简单

var colors = ['#000055', '#4c4c00', '#b27300', '#660000'];

var a = $("li a");

a.each(
    function(index) {
        var current = $(this);
        current.css("border-top-color", colors[index]);
        $(this).mouseenter(
        function(){
            $(this).css("background", colors[index]);
        });
        $(this).mouseleave(
        function(){
            $(this).css("background", "");
        });
    }
);

您可以使用

hover（）

来处理

hover

事件

var bgcolors=['#000055'、'#4c4c00'、'#b27300'、'#660000']，
颜色=['b27300'、'660000'、'000055'、'4c4c00'；
$（“LIA”）。悬停(
函数（）{
var current=$（此），
index=$（this.parent（）.index（）；
current.css({
“背景”：背景颜色[索引]，
“颜色”：颜色[索引]，
“边框顶部颜色”：bgcolors[索引]
});
},
函数（）{
var current=$（此），
index=$（this.parent（）.index（）；
current.css({
“背景”：“，
“颜色”：“，
“边框顶部颜色”：”
});
}
);
正文{
背景：灰色；
}
ulli{
颜色：白色；
列表样式：无；
显示：内联；
右边填充：130px；
}
李阿{
字体大小：150%；
颜色：白色；
文字装饰：无；
填充物：5px；
边框顶部：3倍纯色透明；
边框顶色：透明；
显示：内联块；
}










尝试使用
css
:nth-of-type（）

，

:hover

伪类

正文{
背景：灰色；
}
ulli{
颜色：白色；
列表样式：无；
显示：内联；
右边填充：130px；
}
李阿{
字体大小：150%；
颜色：白色；
文字装饰：无；
填充物：5px；
边框顶部：3倍纯色透明；
边框顶色：透明；
显示：内联块；
}
ul li:n第（1）类a：悬停{
边框顶部颜色：#000055；
背景：#000055；
}
ul li:n类型（2）a：悬停{
边框顶部颜色：#4C00；
背景：4c00；
}
ul li:n类型（3）a：悬停{
边框顶部颜色：#b27300；
背景：#b27300；
}
ul li:n类型（4）a：悬停{
边框顶色：#660000；
背景：66万；
}

预期结果是什么？@guest271314通过jQuery更改每个（a）标记的背景和边框顶色。当我将（a）标记从右向左悬停时，出现了一个错误使用mouseenter和mousleve事件。。。或者组合在jQuery

hover（）

中。使用间隔计时器不是实现这一点的正常方法。slo可以用css ALONEW实现吗？什么是“bug”？尝试使用

css

？您基本上使用了一种非常奇怪且过于复杂的方法来实现此效果，您要做的是使用mouseenter和mouseleave事件（例如），或者更好，只需使用纯css，使用：hover selector了解此选项，但是我想使用jQueryHahaha，现在你陷入了jQuery陷阱。。。CSS是这个工作的1000倍@rolory看到了吗^^^^使用快速搜索查询“初学者”查看一些noob问题@rolory@LearnHowToBeTransparent哎哟

var colors = ['#000055', '#4c4c00', '#b27300', '#660000'];

var a = $("li a");

a.each(
    function(index) {
        var current = $(this);
        current.css("border-top-color", colors[index]);
        $(this).mouseenter(
        function(){
            $(this).css("background", colors[index]);
        });
        $(this).mouseleave(
        function(){
            $(this).css("background", "");
        });
    }
);