另一个问题:同时如何使下拉菜单不被select框挡住呢?这个问题我可以帮你,我们原来的菜单是用层来做的,所以可以被select框挡住
我们改用iframe,就可以把select框挡住

解决方案 »

  1.   

    http://expert.csdn.net/Expert/topic/1134/1134159.xml?temp=.0787012
      

  2.   

    http://expert.csdn.net/Expert/FAQ/FAQ_Manage.asp?id=78652&topicid=1440917
      

  3.   

    不好意思,上面应为
    http://expert.csdn.net/expert/Topicview2.asp?id=1440917
      

  4.   

    用层做的菜单是不能跨帧显示的.用popmenu实现的菜单虽然可以实现跨帧显示,但低版的浏览器不支持,且还有很多限制,所以你这个问题要换一种方式来做,比如用iframe代替frame,这样就可以为层菜单腾出块地方出来等手段.
      

  5.   

    楼上能否提供一个完全的菜单呢(既支持IE5.0的,有可以支持多个框架嵌套,当然也可以避免被select挡住的?支持一下。。可能有难度哦。
      

  6.   

    fason(阿信)大师,能作一个用iframe实现的下来菜单吗?
      

  7.   

    用iframe实现下拉菜单?这我还没弄过.
    目前大多数的做法还是隐藏控件,microsoft的下拉菜单也是这样.
      

  8.   

    正因为这样,才有挑战性呀,
    我找到一个简单的,作为开头吧。您可以把它实现多级菜单吗?
    我想是不是在每个Iframe里的页面里作一个多级的菜单,就可以了吧。
    下面是代码,请实现一个多级菜单形式的吧。
    高手都可以试试的。(我向大家学习)<style>
    .pad {position:absolute;display:none;z-index:100}
    </style><table>
    <tr>
     <td onmouseover="ShowPopMenu(''pad1'')">pad1</td>
     <td onmouseover="ShowPopMenu(''pad2'')">pad2</td>
      <td onmouseover="ShowPopMenu(''pad3'')">pad2</td>
       <td onmouseover="ShowPopMenu(''pad4'')">pad2</td>
        <td onmouseover="ShowPopMenu(''pad5'')">pad2</td>
    </tr>
    </table>
    <span id="pad1" class="pad">
     <iframe src=w2.htm width=100 height=100 frameborder=no style="position:relative;"></iframe>
    </span>
    <span id="pad2" class="pad">
     <iframe src=w2.htm width=100 height=100 frameborder=no style="position:relative;"></iframe>
    </span>
    <span id="pad3" class="pad">
     <iframe src=w2.htm width=100 height=100 frameborder=no style="position:relative;"></iframe>
    </span>
    <span id="pad4" class="pad">
     <iframe src=w2.htm width=100 height=100 frameborder=no style="position:relative;"></iframe>
    </span>
    <span id="pad5" class="pad">
     <iframe src=about:blank name=popmenu2 width=100 height=100 frameborder=no style="position:relative;"></iframe>
    </span>
    <div style="z-index:0">
    <select>
    <option>aaa
    <option>bbb
    <option>ccc
    </select>
    <br/>
    <iframe src=></iframe>
    <span id="view" style="position:absolute;z-index:0"></span>
    </div><script>
    //function test(v) {
      //v.innerHTML = "ssss<br/><iframe src=w2.htm width=200 height=100 style=\"position:relative\"></iframe>";
    //}popmenu2.document.write("aaaaaaa<br/>ssssssssss<br/>ccccccccc<br/>tttttttt");function CloseAllPopMenu() {
      var i = 1;
      while(document.all["pad"+i]) {
        document.all["pad"+i].style.display = "none";
        i++;
      }
    }function ShowPopMenu(v) {
      var el = event.srcElement;
      v = document.all[v];
      CloseAllPopMenu();
      v.style.left = el.offsetLeft;
      v.style.display = "block";
    }</script>