但哪位高手知道怎么改让菜单初始为关闭状态啊?
但哪位高手知道怎么改让菜单初始为关闭状态啊? -------------------------------------
<title>TEST</title>
<style type="text/css">
<!--
.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}
.headers{
border: 1px solid #CCCCCC;
}
.switchcontent{
border: 1px solid #FFFFFF;
border-top-width: 0;
}
.showstate1 {cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}
.showstate11 {cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}
.showstate111 {cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}
.showstate112 {cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}
.showstate113 {cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}
.showstate114 {cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}
-->
</style>
<script language="JavaScript">
var enablepersist="on" //
var memoryduration="7" //
var contractsymbol='minus1.gif' //Path to image to represent contract state.
var expandsymbol='plus1.gif' //Path to image to represent expand state.
/////No need to edit beyond here //////////////////////////
function getElementbyClass(rootobj, classname){
var temparray=new Array()
var inc=0
var rootlength=rootobj.length
for (i=0; i<rootlength; i++){
if (rootobj[i].className==classname)
temparray[inc++]=rootobj[i]
}
return temparray
}
function sweeptoggle(ec){
var inc=0
while (ccollect[inc]){
ccollect[inc].style.display=(ec=="contract")? "none" : ""
inc++
}
revivestatus()
}
function expandcontent(curobj, cid){
if (ccollect.length>0){
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="none")? "none" : ""
curobj.src=(document.getElementById(cid).style.display=="none")? expandsymbol : contractsymbol
}
}
function revivecontent(){
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="none"
}
function revivestatus(){
var inc=0
while (statecollect[inc]){
if (ccollect[inc].style.display=="none")
statecollect[inc].src=expandsymbol
else
statecollect[inc].src=contractsymbol
inc++
}
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}
function saveswitchstate(){
var inc=0, selectedItem=""
while (ccollect[inc]){
if (ccollect[inc].style.display=="none")
selectedItem+=ccollect[inc].id+"|"
inc++
}
if (get_cookie(window.location.pathname)!=selectedItem){ //only update cookie if current states differ from cookie's
var expireDate = new Date()
expireDate.setDate(expireDate.getDate()+parseInt(memoryduration))
document.cookie = window.location.pathname+"="+selectedItem+";path=/;expires=" + expireDate.toGMTString()
}
}
function do_onload(){
uniqueidn=window.location.pathname+"firsttimeload"
var alltags=document.all? document.all : document.getElementsByTagName("*")
ccollect=getElementbyClass(alltags, "switchcontent")
statecollect=getElementbyClass(alltags, "showstate")
if (enablepersist=="on" && get_cookie(window.location.pathname)!="" && ccollect.length>0)
revivecontent()
if (ccollect.length>0 && statecollect.length>0)
revivestatus()
}
if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate
</script>
</head>
<body>
<table width="585" height="16" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#F1F2F2" class="td_border1">
<tr>
<td width="50" bordercolor="#FFFFFF" bgcolor="#ECE9D8"><div>
<div align="right"><a href="javascript:sweeptoggle('expand')"><img src="open.gif" width="14" height="16" border="0"></a> <a href="javascript:sweeptoggle('contract')"><img src="closed.gif" width="14" height="16" border="0"></a> </div>
</div></td>
</tr>
</table>
<table width="585" border="0" align="center" cellpadding="0" cellspacing="1">
<tr>
<td height="35" valign="top" bgcolor="#FFFFFF"><table width="585" border="0" cellpadding="0" cellspacing="1">
<tr>
<td width="583" height="35" valign="top" bordercolor="#FFFFFF" bgcolor="#F1F2F2">
<div class="headers">
<table width="579" border="0" cellpadding="1" cellspacing="1" bgcolor="#F1F2F2">
<tr>
<td><div align="right"><img src="minus1.gif" width="13" height="13" title="隐藏/展开" class="showstate1" onClick="expandcontent(this, 'sc2')"/></div></td>
</tr>
</table>
</div>
<div id="sc2" class="switchcontent" >
<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td width="79" bgcolor="#FFFFFF">
111</span><br>
222</td>
</tr>
</table>
</div>
<div class="headers">
<table width="579" border="0" cellpadding="1" cellspacing="1" bgcolor="#F1F2F2">
<tr>
<td><div align="right"><img src="minus1.gif" width="13" height="13" title="隐藏/展开" class="showstate1" onClick="expandcontent(this, 'sc3')" /></div></td>
</tr>
</table>
</div>
<div id="sc3" class="switchcontent" >
<table width="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td width="79" bgcolor="#FFFFFF">
AAA<br>
BBB</td>
</tr>
</table>
</div>
<div class="headers"> </div>
<div id="sc13" class="switchcontent" > </div>
</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
[此贴子已经被作者于2007-4-27 9:03:55编辑过]