jquery设置鼠标经过点击样式

$("#chatVisitorList li").click(function(){
 $("#chatVisitorList li").removeClass("choose");
 $(this).addClass("choose");//添加选中样式
 }).hover(
 function(){
 $(this).addClass("over"); //鼠标经过添加hover样式
 },function(){
 $(this).removeClass("over"); //鼠标离开移除hover样式
 }); 


ul{
list-style: none outside none;
}
ul li {
    border-bottom: 1px dashed #AACCEE;
    cursor: pointer;
    line-height: 25px;
    padding-left: 5px;
}
ul li.choose {
    background: none repeat scroll 0 0 #FFF9ED;
}
ul li.over {
    background: none repeat scroll 0 0 #EEF7FF;
}

你可能感兴趣的:(jquery,css)