鏈接上懸停懸停

Question

我懸停在與CSS的鏈接上，現在我嘗試使用jquery，但我失敗了。有人可以解釋如何使用鏈接？或者顯示例子？

HTML：

<div id="nav_virsus"> 
    <ul> 
     <li><a href="#"><img src="images/pagrindinis.png" alt="Pagrinidnis" /></a></li> 
     <li><a href="#"><img src="images/forumas.png" alt="Forumas" /></a></li> 
     <li><a href="#"><img src="images/unban.png" alt="Atsibaninti" /></a></li> 
     <li><a href="#"><img src="images/banai.png" alt="Banai" /></a></li> 
    </ul> 
</div> 

CSS：

#nav_virsus li a 
{ 
    color:#b8d9ff; 
    text-decoration:none; 
    padding:20px 5px 20px 5px; 
} 

#nav_virsus li a:hover 
{ 
    background:url(../images/hover.png) repeat-x; 
    color:#000; 
    text-decoration:none; 
    padding:21px 5px 20px 5px; 
} 

的jQuery：

$(document).on('mouseenter', 'img.a', function() { 
    console.log('mouseenter'); 
    $(this).parent().next().find('.b').stop().animate({"opacity": "1"}, 600); 
}); 

$(document).on('mouseleave', 'img.a', function() { 
    console.log('mouseleave'); 
    $(this).parent().next().find('.b').stop().animate({"opacity": "0"}, 500); 
}); 

Answer 1

只要做出正確的選擇：

$('.a').on('mouseenter', function(e){ 
    //do stuff 
}) 

$('.a').on('mouseleave', function(e){ 
    //do other stuff 
}) 

工作Fiddle

Answer 2

使用jQuery，使用語法：$([selector]).mouseover([function]);和$([selector]).mouseout([function]);。像：

$("a img").mouseover(function() { 
    console.log('mouseenter'); 
    $(this).parent().next().find('.b').stop().animate({"opacity": "1"}, 600); 
});