jqueryマウスのクリックスタイルを設定する

780 ワード

$("#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;
}