所以我是 jquery 的新手,我想制作一个新的导航菜单。我希望这个 jquery 脚本以我选择的各种颜色随机为我的列表项着色。让我们说红色,黄色,绿色,蓝色和黑色。此外,在选择颜色之前和之后也不应该有相同的颜色。
此外,我希望此菜单具有悬停功能,以便一旦悬停其中一个列表项,所有其他列表项都会获得灰色或其他 css 值的颜色。
我希望有人可以帮助我建立这个。
我知道我还没有做太多。
HTML:
<div id="wrapper">
<div id="nav">
<ul id="navigation">
<li>Home</li>
<li>About</li>
<li>Products</li>
<li>Blog</li>
<li>Contact</li>
</ul>
</div>
</div>
查询:
$(document).ready(function() {
$('#navigation, li').addClass('blue');
});
CSS:
* {
margin:0px; padding:0px;
}
body {
background-color:#999;
}
#wrapper {
width:960px; margin:auto; background-color:#CCC;
}
.blue {
color:#567;
}
jsfiddle上的演示,链接:http: //jsfiddle.net/iBertel/vbpXP/11/