Javascript 如何用鼠标打开evey li

我有一个菜单，当我在上面悬停的时候，我想打开每一个li，但是我的jquery代码工作不好，我尝试使用css，但是整个菜单都打开了

$（“ul.sideBarMenuLinks li”）.mouseover（函数（）{
$（'this'）。每个（函数（）{
$（this.css（'marginleft'，'0'）；
});
});
ul.sideBarMenuLinks li{
边缘底部：5px；
过渡：0.5s；
左边距：-116px；
}






试试这个

JS

希望这有帮助。
仅限于css:

ul.sideBarMenuLinks li:hover {
  Your code style...
}


ul.sideBarMenuLinks li{
边缘底部：5px；
过渡：0.5s；
左边距：0px；
}
ul.sideBarMenuLinks李：悬停{
左边距：100px；
}





您只需将
mouseover（）
事件附加到每个
li
上，然后向其添加
css（）


$（“ul.sideBarMenuLinks li”）.mouseover（函数（）{
$（this.css（'margin-left'，'0'）；
});
ul.sideBarMenuLinks li{
边缘底部：5px；
过渡：0.5s；
左边距：116px；
}






试试这个

$("ul.sideBarMenuLinks li").mouseover(function () {   

                        $(this).css(' margin-left', '0');

                });

使用
悬停
链接
鼠标悬停
和
鼠标悬停
事件

$('.sideBarMenuLinks').hover(function(){
        //mouse over code here
         $(this).css('margin-left', '0');
    },function(){
        // mouse out code here
         $(this).css('margin-left', '-116px');
    })

它应该是
$（this）
。删除引号。另外，我认为您不需要
每个
都是tnx，但我的整个菜单都已打开。如何单独打开每个li？即使删除
每个
？正如你所知道的，这在CSSNo中可以更容易地实现，我没有删除每个，我只删除引号；检查答案。这应该能解决你的问题
$('.sideBarMenuLinks').hover(function(){
        //mouse over code here
         $(this).css('margin-left', '0');
    },function(){
        // mouse out code here
         $(this).css('margin-left', '-116px');
    })