jquery 关于 hover 时触发setTimeout 并执行函数 _JavaScript

jquery 关于 hover 时触发setTimeout 并执行函数求高手指教！
hover时触发setTimeout，800毫秒后执行css改变。

下面是我写的，但是好像运行不了，请指点!不胜感激。

JScript code



$(function(){
  $("#menu li").hover(
  function () {  
             liuxin=$(this).children("a").css("color","#ffffff");
         setTimeout(function(){      
                  liuxin    
         },800);        
   },
  function () {
   }); 
});

------解决方案--------------------

HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>    
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <style>
            div {
                width:100px; height:100px;
                border:1px solid red;
            }
        </style>        
    </head>
    <body>
        <div>
            123
        </div>
        <script>
            $('div').mouseover(function(){
                var t = this;
                setTimeout(function(){
                    $(t).css('color', 'red');
                }, 800)
            })
        </script>
    </body>
</html>

------解决方案--------------------
$(function(){
 $("#menu li").hover(
 function () { 
           
        setTimeout(function(){     
                $(this).children("a").css("color","#ffffff");
        },800);       
  },
 function () {
  });  
});
试试