Javascript 使用mouseover和mouseout更改背景色

我在胡闹，我想让每个

li

都换成不同的颜色，而不是同一种颜色

var colorOver = '#31b8da';
var colorOut = '#1f1f1f'; 

但这会改变它们的颜色

html如下所示：

<div id="sidebar">
    <ul id="menu">
        <li id="first"><a href="#">blog <span> / 2012</span></a></li>
        <li id="second"><a href="#">me <span> / 2012</span></a></li>
        <li id="third"><a href="#">etc <span> / 2012</span></a></li>
        <li id="fourth"><a href="#">etc <span> / 2012</span></a></li>
        </ul>
    </div>

我想你只是告诉它一个

id

希望我已经提供了足够的信息

谢谢你的帮助

---

您可以修改css，为每个li设置colorOver和colorOut类，如：

.first.colorOver { background-color: #31b8da; } 
.first.colorOut { background-color: #1f1f1f; }

并使用Francois Wahl的toggleClass选项：

 $("#sidebar ul#menu li").on("hover", function(){
     $(this).toggleClass("colorOver", "colorOut");
 });

---

然后，您可以轻松地为每个li设置颜色。

您的回答是正确的，您需要为每个

li

指定不同的颜色。你试过了吗？如果是这样的话，你尝试过什么，遇到了什么问题？为什么不在每次鼠标悬停在

li

上时生成一个随机颜色呢？顺便提一下，对于演示，我建议你发布一个你的代码演示（除非你链接到的页面是你的代码），而不是你正在“适应”的其他人的代码。哦，为什么不先使用CSS:

#{背景色：#0f0；}第一：悬停{背景色：#f0；}

等等。。？