jquery问题

terryoee

页面代码：
<!-- navigation START -->
    <div id="navigation">
    <!-- menus START -->
    <div id="navcontainer">
    <ul id="navlist">
        <li>1</li>
                ....................
    </ul>
    </div>
    <!-- menus END -->
    <div class="fixed"></div>
    </div>
    <!-- navigation END -->
jquery代码
$(document).ready(function() {
    $("#navigation").hide()
});
var mouseover_tid = [];
var mouseout_tid= [];   
$(document).ready(function(){
     $("#header").hover(
        function(){
          clearTimeout(mouseout_tid[index]);   
          mouseover_tid[index] = setTimeout(function(){
              $("#navigation").slideDown() ;
              },600);  
          },
        function(){
          clearTimeout(mouseover_tid[index]);
          mouseout_tid[index]=setTimeout(function(){
          $("#navigation").slideUp();
              },600);   
        }
        )
});
就是想让鼠标滑过head的时候显示navigation，为了防止每次滑过head都执行，本来想
控制鼠标停留在head超过600ms才显示
代码是抄自网上，本人很菜~也没学过Javascript
一个人搞了很久都不行，发现添加变量之后就不能执行slide的效果了
有无高手能指导下，万分感谢。

normanzb

2.         var timerNav = null;
3.         var header = $('#header');
4.         var nav = $('#navigator');
5.         header.live('mouseover', function(){
6.             if (timerNav) clearTimeout(timerNav);
7.             
8.             timerNav = setTimeout(function(){
9.                 nav.show();
10.             }, 600)
11.         }).live('mouseout', function(){
12.             clearTimeout(timerNav);
13.             timerNav = null;
14.         });

复制代码

js基础很重要，如果你想当个合格的水泥工的话。