如何样让些菜单能够互相排斥的展开呢
日期：2014-05-18 浏览次数：20671 次
怎么样让些菜单能够互相排斥的展开呢
代码如下面：研究了一会，想不出来，来这里集思广益。
主要是实现菜单的排斥，也就是很多个菜单项，只能点开一个，刚开始是不展开的，然后点一个菜单项展开一个（只有二级菜单），全部的菜单项只展开一个。还有，这个页面有错误的，为什么点有些菜单项目的时候，会导致其他菜单项的丢失，页面上就没有了，不懂。
<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
代码如下面：研究了一会，想不出来，来这里集思广益。
主要是实现菜单的排斥，也就是很多个菜单项，只能点开一个，刚开始是不展开的，然后点一个菜单项展开一个（只有二级菜单），全部的菜单项只展开一个。还有，这个页面有错误的，为什么点有些菜单项目的时候，会导致其他菜单项的丢失，页面上就没有了，不懂。
<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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
