JS控制DIV显示或隐藏函数
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JS控制DIV显示或隐藏函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3318字，纯文字阅读大概需要5分钟。
内容图文
简单版：
<
html
>
<
head
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=gb2312"
>
<
title
>div隐藏与显示</title><style type=text/css>
#menus {
background-color: #c4cff0;}</style><script language=javascript>function Layer_HideOrShow(cur_div)
{ var current=document.getElementById(cur_div);
if(current.style.visibility=="hidden")
{
current.style.visibility ="visible";
}
else
{
current.style.visibility ="hidden";
}
}
</script></head><body><p></p><table border="0" width="153" cellpadding="0" style="border-collapse: collapse" id="table1" height="101"><tr><td><a href="#" onclick="Layer_HideOrShow(‘menus‘);"><img border="0" src="http://www.shuifutour.com/images/456.gif" width="153" height="25"></a></td></tr><tr><td><div id="menus"><table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" height="150" id="table2"><tr><td></td></tr></table></div></td></tr></table></body></html>
高级版：
/*
========================
函数：显示或隐藏层
showDiv(divId_array,showLocality_array)
参数说明：
divId_array 所有要操作的层ID，用逗号分隔
showLocality_array 所有要显示的层在参数DivIdArray所对应的位置。为“0”或空时全部显示，设为负数则全部隐藏。
例如：showDiv(‘div3,div1,div2‘,‘2,3‘)为显示第二个(div1)和第三个层(div2)，第一个层(div3)将被隐藏。
========================
*/
function
showDiv(divId_array,showLocality_array)
{
var div_array = new Array();
var locality_array = new Array();
var intLocality;//showLocality_array数组长度var intDiv;//div_array 数组长度var intTemp = 1;//临时变量var intTmp = 1;//临时变量//初始化if (divId_array)
{
div_array = divId_array.split(",");
}else{
intDiv = 0;
}
if (showLocality_array)
{
locality_array = showLocality_array.split(",");
intLocality = locality_array.length;
for (var n = 0;n < intLocality;n++)
{
intTemp *= locality_array[n];
}
if (intTemp <= 0)
{
intLocality = intTemp;
}else{
intLocality = div_array.length;
while (intLocality > 0)
{
intLocality -= 1;
document.getElementById(""+ div_array[intLocality] +"").style.display = "none";
}
intLocality = 1;
}
}else{
intLocality = 0;
}
//显示指定层if (intDiv != 0 && intLocality >0)
{
intDiv = div_array.length;
intLocality = locality_array.length;
//排序locality_array 数组for (var n = 0;n < intLocality;n++)
{
intTemp = locality_array[n];
for (var m = n + 1;m < intLocality;m++)
{
if (locality_array[n] > locality_array[m])
{
locality_array[n] = locality_array[m];
locality_array[m] = intTemp;
intTemp = locality_array[n];
}
}
}
intLocality = locality_array.length;
intTemp = 0;
//
while (intTemp < intLocality)
{
if ((locality_array[intTemp] - 1) < div_array.length)
{
intTmp = locality_array[intTemp] - 1;
document.getElementById(""+ div_array[intTmp] +"").style.display = "block";
}
intTemp += 1;
}
}
elseif(intLocality == 0)
{//显示所有层
intLocality = div_array.length;
while (intLocality > 0)
{
intLocality -= 1;
document.getElementById(""+ div_array[intLocality] +"").style.display = "block";
}
}else{//隐藏所有层
intLocality = div_array.length;
while (intLocality > 0)
{
intLocality -= 1;
document.getElementById(""+ div_array[intLocality] +"").style.display = "none";
}
}
}
原文：http://www.cnblogs.com/lxu220/p/3603309.html
内容总结
以上是互联网集市为您收集整理的JS控制DIV显示或隐藏函数全部内容，希望文章能够帮你解决JS控制DIV显示或隐藏函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】