样式如下:
li{
display: block;
width: 100px;
height: 40px;
line-height: 40px;
list-style: none;
border: 1px solid #ccc;
text-align: center;
}
li:hover{
background: #473373;
}
li:hover a{
color:#f60;
}
另外:建议li标签外包裹上ul,养成良好的习惯!!!
祝你好运!
没看清楚你要的是JQ版本的:页面代码如下:
bg
li{
display: block;
width: 100px;
height: 40px;
line-height: 40px;
list-style: none;
border: 1px solid #ccc;
text-align: center;
}
a{
color:"#000";
}
/* li:hover{
background: #473373;
}
li:hover a{
color:#f60;
}*/
11111
$(function () {
var li = $('.ul li');
li.hover(function() {
$(this).css("background","#473373");
$(this).children().css("color","#f60");
}, function() {
$(this).css("background","#fff");
$(this).children().css("color","#000");
});
})