各位大哥大姐高手们，救命啊！！！！！！！！！！！

visibility 是什么啊？FRAME的属性？我的菜单是用软件生成的，SOTHINK。COM。CN

解决方案 »

  1.   

    style是元素的样式，改为hidden就是隐藏之
      

  2.   

    隐藏不行啊，都看不见了啊，我只是一部分需要看不见请大家看看原理图啊，谢谢大家，帮我想办法哦http://www.jszk.org/images/cd.gif
      

  3.   

    一般是在菜单弹出时隐藏框架，回缩时再显示。
    非要做的很漂亮，在隐藏框架的同时在iframe的位置上显示一个象框架的控件（textarea）或者图片（干脆做个截图更象），调整好表现效果，看起来就差不多了。
    对select有相同的问题，可以直接用text来模拟。
      

  4.   

    看了你的原理图，用的好象是frame或者很大的iframe，恐怕不行耶。要不动态把菜单变成select控件（不用层了），因为在ie里面select最大不但框架要让他，连浏览器的边界都栏不到他。
      

  5.   

    试了一下，效果不理想。大家看看还能怎么调整一下不。<html>
    <head>
    <title></title>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function showSelect(i)
    {
    menu[i].style.display="none"
    _menu[i].style.display=""
    }
    function hideSelect(i)
    {
    menu[i].style.display=""
    _menu[i].style.display="none"
    }
    //-->
    </SCRIPT>
    </head>
    <body>
    <span style="width:72; height:21" onmouseOver="showSelect(0)" id=menu>test</span>
    <select style="width:80; height:20;display:none" onmouseout="hideSelect(0)" id=_menu>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    </select>
    <span style="width:72; height:21" onmouseOver="showSelect(1)" id=menu>test</span>
    <select style="width:80; height:20;display:none" onmouseout="hideSelect(1)" id=_menu>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    </select> <BR>
    <iframe></iframe></body>
    </html>
      

  6.   

    瞧瞧我这个，不要说框架，就是select控件都不怕，就是美工比较难做好。<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title></title>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function doSelect(elm)
    {
    if (elm.selectedIndex == 0) return;
    /***** 在这里开始根据选择的项目切换页面 *********/
    frame1.document.body.innerHTML= elm.children[elm.selectedIndex].value;
    /*****************************/
    elm.selectedIndex=0
    frame1.focus()
    }
    //-->
    </SCRIPT>
    </head>
    <body>
    <select style="position:absolute;left:-2;top:-2; width=121;font-size:15;background-color:#00FFFF;color:black" onchange="doSelect(this)">
    <option>文件</option>
    <option value="new.html">新建</option>
    <option value="open.html">打开</option>
    <option value="close.html">关闭</option>
    <option value="exit.html">退出</option>
    </select>
    <select style="position:absolute;left:100;top:-2; width=121;font-size:15;background-color:#00FFFF;color:black" onchange="doSelect(this)">
    <option>编辑</option>
    <option value="cut.html">剪切</option>
    <option value="copy.html">复制</option>
    <option value="paste.html">粘贴</option>
    </select>
    <select style="position:absolute;left:200;top:-2; width=121;font-size:15;background-color:#00FFFF;color:black" onchange="doSelect(this)">
    <option>搜索</option>
    <option value="search.html">查找</option>
    <option value="replace.html">替换</option>
    </select>
    <select style="position:absolute;left:300;top:-2; width=121;font-size:15;background-color:#00FFFF;color:black" onchange="doSelect(this)">
    <option>窗口</option>
    <option value="last.html">上一个</option>
    <option value="next.html">下一个</option>
    </select>
    <select style="position:absolute;left:400; top:-2;width=700; font-size:15;background-color:#00FFFF;color:black" disabled>
    </select>
    <BR>
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<select><option>test</option></select>
    <BR>
    <iframe id=frame1></iframe>
    </body>
    </html>