<script>
function showMenu(obj){
//alert()
var ob = event.srcElement;
if(obj.style.display =="")
{
obj.style.display = "none"
ob.src ="Images/up.gif"
}
else
{
cc
ob.src = "Images/down.gif"
}
}
</script> <table width="180" border="0" class="Left_Item01" cellspacing="0" cellpadding="0">
<tr onClick="showMenu(a124,this)">
<td style="CURSOR:hand"><IMG alt="显示/隐藏子菜单" src="Images/up.gif"></td>
</tr>
</table>
<table class="Left_boder" width="180" border="0" cellspacing="0" cellpadding="0" id="a124" background="images/ba.gif" style="cursor:auto">
<tr>
<td class="Left_Item02"><a href="http://localhost/Products.aspx?Category=001001003008" target="main">
第一个菜单栏的内容</a></td>
</tr>
</table>
<table width="180" border="0" class="Left_Item01" cellspacing="0" cellpadding="0">
<tr onClick="showMenu(a1241,this)">
<td style="CURSOR:hand"><IMG alt="显示/隐藏子菜单" src="Images/up.gif"></td>
</tr>
</table>
<table class="Left_boder" width="180" border="0" cellspacing="0" cellpadding="0" id="a1241" background="images/ba.gif">
<tr>
<td class="Left_Item02"><a href="http://localhost/Products.aspx?Category=001001003008" target="main">
第二个菜单栏的内容</a></td>
</tr>
</table>
、、、、、、、、、、、、、、、
这段代码的效果是每个菜单下面的内容都显示出来了。
现在想要的效果是,打开网页,只显示第一个菜单栏的内容,第二个菜单栏的内容收缩看不到。
如果点击第二个菜单栏,就显示第二个菜单栏的内容,第一个菜单栏的内容收缩看不到。
function showMenu(obj){
//alert()
var ob = event.srcElement;
if(obj.style.display =="")
{
obj.style.display = "none"
ob.src ="Images/up.gif"
}
else
{
cc
ob.src = "Images/down.gif"
}
}
</script> <table width="180" border="0" class="Left_Item01" cellspacing="0" cellpadding="0">
<tr onClick="showMenu(a124,this)">
<td style="CURSOR:hand"><IMG alt="显示/隐藏子菜单" src="Images/up.gif"></td>
</tr>
</table>
<table class="Left_boder" width="180" border="0" cellspacing="0" cellpadding="0" id="a124" background="images/ba.gif" style="cursor:auto">
<tr>
<td class="Left_Item02"><a href="http://localhost/Products.aspx?Category=001001003008" target="main">
第一个菜单栏的内容</a></td>
</tr>
</table>
<table width="180" border="0" class="Left_Item01" cellspacing="0" cellpadding="0">
<tr onClick="showMenu(a1241,this)">
<td style="CURSOR:hand"><IMG alt="显示/隐藏子菜单" src="Images/up.gif"></td>
</tr>
</table>
<table class="Left_boder" width="180" border="0" cellspacing="0" cellpadding="0" id="a1241" background="images/ba.gif">
<tr>
<td class="Left_Item02"><a href="http://localhost/Products.aspx?Category=001001003008" target="main">
第二个菜单栏的内容</a></td>
</tr>
</table>
、、、、、、、、、、、、、、、
这段代码的效果是每个菜单下面的内容都显示出来了。
现在想要的效果是,打开网页,只显示第一个菜单栏的内容,第二个菜单栏的内容收缩看不到。
如果点击第二个菜单栏,就显示第二个菜单栏的内容,第一个菜单栏的内容收缩看不到。
function showMenu(obj){
//alert()
var ob = event.srcElement;
if(obj.style.display =="")
{
obj.style.display = "none"
ob.src ="Images/up.gif"
}
else
{
obj.style.display = ""
ob.src = "Images/down.gif"
}
}
</script>
第一个设为block
点击时先把菜单多设为none
在把要要显示的设为block
在我那段代码里面该如何该呀?