日期:2014-05-18  浏览次数:20650 次

怎么样让些菜单能够互相排斥的展开呢
代码如下面:研究了一会,想不出来,来这里集思广益。
主要是实现菜单的排斥,也就是很多个菜单项,只能点开一个,刚开始是不展开的,然后点一个菜单项展开一个(只有二级菜单),全部的菜单项只展开一个。还有,这个页面有错误的,为什么点有些菜单项目的时候,会导致其他菜单项的丢失,页面上就没有了,不懂。
  <html>      
    <head>      
    <title> Left </title>      
    <link       rel= "stylesheet "       href= "css/css.css "       type= "text/css ">      
    <style>      
    <!--      
    #foldheader{cursor:hand       ;font-size:       10pt;      
    list-style-image:url(plus1.gif)}      
    #foldinglist{font-size:       10pt;list-style-image:url(min1.gif);       margin-left:       11       px}      
    //-->      
    </style>      
       
    <script       language= "JavaScript1.2 ">      
    function       change(){      
    if(!document.all)      
    return      
    if       (event.srcElement.id== "foldheader ")       {      
    var       srcIndex       =       event.srcElement.sourceIndex      
    var       nested       =       document.all[srcIndex+1]      
    if       (nested.style.display== "none ")       {      
    nested.style.display= 'block '      
    event.srcElement.style.listStyleImage= "url(min1.gif) "      
    }      
    else       {      
    nested.style.display= "none "      
    event.srcElement.style.listStyleImage= "url(plus1.gif) "      
    }      
    }      
    //alert(srcIndex)      
    }      
       
    document.onclick=change      
       
    //-->      
    </script>      
       
    </head>      
    <body       bgcolor= "#69e90a "       text= "#000000 "       leftmargin= "30 "       topmargin= "0 ">      
    <nobr>      
       
    <ul>      
                            <li       id= "foldheader "> 商学院1 </li>     &n