javascript的另类下拉菜单

我在公司里保存了类似问题的答案，你明天发个CSDN消息给我，把这个问题的地址发给我，我到时再粘贴到这里。

解决方案 »

  1.   

    在javascript中，浏览器的大小信息是怎么获取的？？
      

  2.   

    得到
    document.all.frameName.heightdocuement.body.scrollHeight赋值
    document.all.frameName.style.height得到窗口大小
    document.body.clientHeight
      

  3.   

    我作的一个项目就实现了,csdn有夸框架的下拉菜单,只是比较难看,自己改写一下,还可以和数据库结合呢
      

  4.   

    demo.htm
    --------
    <html>
    <head>
    <title>网页跨框架菜单 </title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><frameset rows="92,*" cols="*" framespacing="4" frameborder="yes" border="4">
      <frame src="top.htm" name="topFrame" scrolling="NO" >
      <frame src="bottom.htm" name="mainFrame">
    </frameset>
    <noframes>
    <body>
      浏览器不支持框架结构.
    </body>
    </noframes>top.htm (关键页面)
    ------------------
    <html>
    <head>
    <title>MSDN的示例</title>
    <script>
    var oPopup = window.createPopup();
    function richContext()
    {
        var lefter2 = event.offsetY+0;
        var topper2 = event.offsetX+15;
        oPopup.document.body.innerHTML = oContext2.innerHTML; 
        oPopup.show(topper2, lefter2, 210, 84, contextobox);
    }
    </script>
    </head>
    <body>
    <span id="contextobox" style="cursor:hand; margin-left:5px; margin-right:10px; background:#e4e4e4; width:300; height:40; padding:20px;" oncontextmenu="richContext(); return false"  >Right-click inside this box.</span><DIV ID="oContext2" STYLE="display:none">
      <DIV STYLE="position:relative; top:0; left:0; background:#666666; border:2px solid black; border-top: 2px solid #cccccc; border-left:2px solid #cccccc; height:110px; width:207px;">
        <DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://www.microsoft.com';"> &nbsp;&nbsp;Home</DIV>
        <DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://search.microsoft.com';"> &nbsp;&nbsp;Search</DIV>
        <DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://www.microsoft.com/ie';"> &nbsp;&nbsp;Intenet Explorer</DIV>
        <DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="top.mainFrame.location.href='http://www.microsoft.com/info/cpyright.htm';"> &#169;2001 Microsoft Corporation</DIV>
      </DIV>
    </DIV></body>
    </html>bottom.htm
    ----------
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><body></body>
    </html>