如何制作鼠标停留在超链接时，出现子菜单（希望各位大哥大姐赐教源代码，谢谢！）

yes
响应鼠标事件，然后显示一个层。

解决方案 »

  1.   

    <!-- 是用javascript编写的 -->
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="JavaScript">
    <!--
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    // -->function MM_findObj(n, d) { //v4.0
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && document.getElementById) x=document.getElementById(n); return x;
    }function MM_showHideLayers() { //v3.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
      for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(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>
    </head><body bgcolor="#FFFFFF" text="#000000" onclick="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide')"">
    <table width="600" border="1">
      <tr>
        <td align="center" onMouseOver="MM_showHideLayers('Layer1','','show','Layer2','','hide','Layer3','','hide')">File 
        </td>
        <td align="center" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','show','Layer3','','hide')">Edit</td>
        <td align="center" onMouseOver="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','show')">View</td>
      </tr>
    </table>
    <div id="Layer1" style="position:absolute; width:150px; height:60px; z-index:1; top: 40px; visibility: hidden"> 
      <table width="100%" border="1" height="100%">
        <tr>
          <td><A HREF="http://www.sina.com.cn" target="_blank">asdsad</A></td>
        </tr>
        <tr>
          <td><A HREF="http://www.sina.com.cn" target="_blank">asdsad</A></td>
        </tr>
        <tr>
          <td><A HREF="http://www.sina.com.cn" target="_blank">asdsad</A></td>
        </tr>
      </table>
    </div>
    <div id="Layer2" style="position:absolute; width:150px; height:60px; z-index:1; left:208px; top: 40px; visibility: hidden"> 
      <table width="100%" border="1" height="100%">
        <tr>
          <td><A HREF="http://www.sina.com.cn" target="_blank">asdsad</A></td>
        </tr>
        <tr>
          <td><A HREF="http://www.sina.com.cn" target="_blank">asdsad</A></td>
        </tr>
        <tr>
          <td><A HREF="http://www.sina.com.cn" target="_blank">asdsad</A></td>
        </tr>
      </table>
    </div>
    <div id="Layer3" style="position:absolute; width:150px; height:60px; z-index:1;left:408px; top: 40px; visibility: hidden"> 
      <table width="100%" border="1" height="100%">
        <tr>
          <td><A HREF="http://www.sina.com.cn" target="_blank">asdsad</A></td>
        </tr>
        <tr>
          <td><A HREF="http://www.sina.com.cn" target="_blank">asdsad</A></td>
        </tr>
        <tr>
          <td><A HREF="http://www.sina.com.cn" target="_blank">asdsad</A></td>
        </tr>
      </table>
    </div>
    </body>
    </html>