如何獲得李標籤點亮單獨

Question

如何獲得li標籤單獨鼠標懸停點亮所有的li標籤的同時點亮

$(document).ready(function(){ 
    $("li").mouseover(function(){ 
    $("li").css("background-color","yellow"); 
}); 
    $("li").mouseout(function(){ 
    $("li").css("background-color","lightgray"); 
    }); 
}); 

HTML：

<ul class="menu"> 
<li>Bookmarks</li> 
<li>Something</li> 
<li>BUMPER STICKERS</li> 
<li>CARBONLESS FORMS</li> 
<li>CD JACKETS</li> 
<li>DIE CUT/CUSTOM STICKERS</li> 
<li>DOOR HANGERS</li> 
<li>ENVELOPES</li> 
<li>FOLDERS</li> 
<li>LETTERHEADS</li> 
<li>RECTANGULAR STICKERS</li> 
<li>ROUND STICKERS</li> 
<li>STATIC CLING </li> 
<li>TABLE TENTS</li> 
<li>VINYL BANNERS</li> 
<li>WINDOW STICKERS</li> 

</ul> 

Answer 1

演示：http://jsfiddle.net/whZYD/

$(document).ready(function(){ 
    $("li").mouseover(function(){ 
    $(this).css("background-color","yellow"); 
}); 
    $("li").mouseout(function(){ 
    $(this).css("background-color","lightgray"); 
    }); 
}); 

Answer 2

你爲什麼不只是使用CSS？

li { 
    background-color: lightgray; 
} 

li:hover { 
    background-color: yellow; 
} 

Answer 3

嘗試：

$(document).ready(function() { 
$("li").hover(function() { 
    $(this).css("background-color", "yellow"); 
}, function() { 
    $(this).css("background-color", "lightgray"); 
}); 
}); 

或者乾脆使用CSS：

li { 
    background-color: lightgray; 
} 

li:hover { 
    background-color: yellow; 
} 

Answer 4

代碼：

#page li:hover a:visited 
    { 
    background-color:green; 
    } 

看一看下面的鏈接：

li:hover a visited colour

http://htmlbook.ru/css/hover