本人是一个菜鸟,求高手点问题。我想在网站上,鼠标移到菜单时,过1秒再显示下拉信息;鼠标移走时过1秒再消失。下拉信息是层DIV做的。就是延时显示(消失)菜单。
这是鼠标没移到“图片”菜单时,
这是鼠标移到“图片”时,颜色变了,下面的层(文字)马上出来。  我是想延时1秒再显示下面的层(文字)。网页是HTML做的,图片菜单下面显示的是层“DIV13”,贵求延时显示的完整代码,<script 开头>要这段代码</script>
   无限感谢!要完善的小站 wlew.cn
下面是现在的代码,用DW可视化弄的
<script type="text/javascript"> 
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
 
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }   
                          
}
</script>
<td width="49" bgcolor="#E7FEEE" class="color" onmouseover="MM_showHideLayers('apDiv13','','show')"  onmouseout="MM_showHideLayers('apDiv13','','hide')" ><font size="5" ><a href="html/tupian.html" target="_blank" class="ys01">图片</a></font> </td>

解决方案 »

  1.   

    setTimeOut(function(){
       //隐藏或显示代码 
    },s*1000) //s为秒数
      

  2.   

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
        .mainMenu{ width:100px;height:20px;border:solid 1px blue;  }
        .subMenu{ width:100px;height:200px;border:solid 1px red;display:none;  }
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
            $("#divMenu").hover(
                function(){
                    $("#divSubMenu").show(1000);
                },
                function(){
                    $("#divSubMenu").hide(1000);
                }
            );
        });
    </script>
    </head>
    <body>
        <div id="divMenu" class="mainMenu" >
            <span>图片</span>
        </div>
        <div id="divSubMenu" class="subMenu" >
            子菜单
        </div>
    </body>
    </html>挺简单的一件事, 不知道你为什么把代码搞到那么复杂。