JS控制DIV显示或隐藏函数
简单版：
<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;}}else if(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";}} }
转载于:https://www.cnblogs.com/lxu220/p/3603309.html
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！