下面的 IF 里面的什么意思 啊 ??? 形成的界面 当点击Imgmenu1_1.gif 时 下面就出现六个 子目录
<script language="JavaScript">
function show_div(menu){
var Imgname;
if(document.all.item(menu).style.display=="none"){
document.all.item(menu).style.display="block";
}else{
document.all.item(menu).style.display="none";
}
}
</script>
<a href="#" onclick="show_div('menu1')" ><img name="Imgmenu1" border="0"
src="KCM/Imgmenu1_1.gif" align="ABSMIDDLE" width="215" height="70">
</a>
<Div id="menu1" style="display:none">
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="KCM/m.gif">
<tr><td width="31%" height="24"> </td>
<td><a href="./jcxx/khinfo.html" target="right" class="1 style1">客户信息管理</a></td>
</tr>
<tr><td height="20"> </td>
<td><a href="./jcxx/spinfo1.jsp" target="right" class="1 style1">商品信息管理</a></td>
</tr>
<tr><td height="21"> </td>
<td><a href="./jcxx/gysinfo.html" target="right" class="1 style1">供应商信息管理</a></td>
</tr>
<tr><td height="20"> </td>
<td><a href="./jcxx/spchat.jsp" target="right" class="1 style1">商品信息查询</a></td>
</tr>
<tr><td height="19"> </td>
<td><a href="./jcxx/khchat.jsp" target="right" class="1 style1">客户信息查询</a></td>
</tr>
<tr><td height="24"> </td>
<td><a href="./jcxx/gyschat.jsp" target="right" class="1 style1">供应商信息查询</a></td>
</tr>
</table>
</Div>
<script language="JavaScript">
function show_div(menu){
var Imgname;
if(document.all.item(menu).style.display=="none"){
document.all.item(menu).style.display="block";
}else{
document.all.item(menu).style.display="none";
}
}
</script>
<a href="#" onclick="show_div('menu1')" ><img name="Imgmenu1" border="0"
src="KCM/Imgmenu1_1.gif" align="ABSMIDDLE" width="215" height="70">
</a>
<Div id="menu1" style="display:none">
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="KCM/m.gif">
<tr><td width="31%" height="24"> </td>
<td><a href="./jcxx/khinfo.html" target="right" class="1 style1">客户信息管理</a></td>
</tr>
<tr><td height="20"> </td>
<td><a href="./jcxx/spinfo1.jsp" target="right" class="1 style1">商品信息管理</a></td>
</tr>
<tr><td height="21"> </td>
<td><a href="./jcxx/gysinfo.html" target="right" class="1 style1">供应商信息管理</a></td>
</tr>
<tr><td height="20"> </td>
<td><a href="./jcxx/spchat.jsp" target="right" class="1 style1">商品信息查询</a></td>
</tr>
<tr><td height="19"> </td>
<td><a href="./jcxx/khchat.jsp" target="right" class="1 style1">客户信息查询</a></td>
</tr>
<tr><td height="24"> </td>
<td><a href="./jcxx/gyschat.jsp" target="right" class="1 style1">供应商信息查询</a></td>
</tr>
</table>
</Div>
var Imgname;
if(document.all.item(menu).style.display=="none"){
document.all.item(menu).style.display="block";
}else{
document.all.item(menu).style.display="none";
}
}
就是如果menu(指示的是<Div id="menu1" style="display:none">
这个层)的属性display为none(也就是该层没有显示的话就显示它),反之亦然
function show_div(menu)
{
var Imgname; //声明变量
if(document.all.item(menu).style.display=="none") //判断菜单是否隐藏
{
document.all.item(menu).style.display="block"; //如果隐藏就显示
}
else //否则就隐藏
{
document.all.item(menu).style.display="none";
}
}
</script>
其实就是样式的问题
style说明是样式
display是一种样式
display="block";显示
display="none";隐藏
<script language="JavaScript">
function show_div(menu)
{
var Imgname; //声明变量
if(document.getElementById("menu").style.display=="none") //判断菜单是否隐藏
{
document.getElementById("menu").style.display="block"; //如果隐藏就显示
}
else //否则就隐藏
{
document.getElementById("menu").style.display="none";
}
}
</script>
方法这样写比较好;
在IE和FF下都支持
<script language="JavaScript">
function show_div(menu)
{
var Imgname; //声明变量
if(document.getElementById(menu).style.display=="none") //判断菜单是否隐藏
{
document.getElementById(menu).style.display="block"; //如果隐藏就显示
}
else //否则就隐藏
{
document.getElementById(menu).style.display="none";
}
}
</script>