网页 折叠菜单代码

菜单折叠用到javascript的两个函数

document.getElementById();

这个是通过标签的id 来调用的，因为id的唯一性，每次只能调用一个对象，这用来调用 折叠打开的图标

 document.getElementsByTagName("");

这个是通过标签的类来调用标签，可以一次调用多个标签，这里用来调用子菜单

javascript脚本如下

<script language="javascript">

function getObject(objectid) {
 if(document.getElementById && document.getElementById(objectid)) {
 // W3C DOM
 return document.getElementById(objectid);
 }
 else if (document.all && document.all(objectId)) {
 // MSIE 4 DOM
 return document.all(objectId);
 }
 else if (document.layers && document.layers[objectId]) {
 // NN 4 DOM.. note: this won't find nested layers
 return document.layers[objectId];
 }
 else {
 return false;
 }
}
// menu show hide function 
// show or hide the tags with class "theclass".(multi-select)
function showHideLiWithClass(theclass){
var allPageTags = new Array();
var allPageTags = document.getElementsByTagName("li");
for (i=0; i<allPageTags.length;i++){
	if(allPageTags[i].className == theclass){
	var obj = allPageTags[i];
	if(obj.style.display == "none"){
		obj.style.display = "";
		
	}else{
		obj.style.display = "none";
	}
	}
}
}
//icon change function
function imgnoneHide(objname){
    var obj = getObject(objname);
	
	if(obj.getAttribute("src",2)=='/Templates/owl/images/ico_4.gif')
	{	
		obj.src='/Templates/owl/images/ico_5.gif'	//hide icon
	}
	else
	{
		obj.src='/Templates/owl/images/ico_4.gif'	//show icon
	}
}
</script>

一级菜单实例：

<a title="一级菜单" ><span onClick="showHideLiWithClass('moreform');imgnoneHide('himg');"><img name="himg" src="/Templates/owl/images/ico_5.gif">一级菜单</span></a>

二级菜单实例：

<li class="moreform" style="display:none" ><a href="菜单链接">二级菜单</a></li>