簡單的jquery顏色淡入

我一直在努力嘗試使用下面的jquery代碼獲得簡單的顏色淡入淡出。我基本上試圖在用戶通過鏈接移動他/她的鼠標時激活'懸停'類。目前，代碼不起作用，但我希望它能說明我正在努力完成的任務。簡單的jquery顏色淡入

任何援助將不勝感激！

謝謝

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 

<title>Untitled Document</title> 

<style> 

#menu-name li { 
    color: black; 
    text-shadow: 0px 1px 4px #777; 
    background-color: green; 
    width: 200px; 
} 

#menu-name li .hover { 
    background: orange; 
} 
</style> 

<script type="text/javascript"?> 
$(document).ready(function(){ 

    //Set the anchor link opacity to 0 and begin hover function 
    $("#menu-name li a").hover(function(){ 

     //Fade to an opacity of 1 at a speed of 200ms 
     $(this).find('.hover').stop().animate({"opacity" : 1}, 300); 

     //On mouse-off 
     }, function(){ 

     //Fade to an opacity of 0 at a speed of 100ms 
     $(this).find('hover').stop().animate({"opacity" : 0}, 200); 

    }); 

}); 
</script> 

</head> 
<script src="jquery-1.9.1.js"></script> 
<body> 

<div id="menu-container"> 
<ul id="menu-name"> 
    <li class="hover"><a href="#">Health Care</a></li> 
    <li class="hover"><a href="#">Love</a></li> 
</ul> 
</div> 


</body> 
</html>

來源

2013-08-24 user2325396

「'

相關問題