JS显示或隐藏层的函数

/*
========================
函数:显示或隐藏层
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";
  }
 }
}

时间: 2024-11-02 07:25:23

JS显示或隐藏层的函数的相关文章

急求-鼠标滑过显示可操作隐藏层

问题描述 鼠标滑过显示可操作隐藏层 看图,第一个是我jap里写的代码,第二个是网站前台显示,现在我想做 当鼠标放在前台显示的 手机APP上,旁边可以显示一个方框 方框里面可以放两个超链接,鼠标离开手机APP,这个可操作得方框就没了,请问怎么写,,新手求教 ,,,求大神给详细的代码???? 解决方案 鼠标滑过显示文字提示OnToolHitTest(鼠标滑过,显示标题信息)[code]jQuery实现鼠标滑过标题显示其后内容

TBODY在firefox下用js显示和隐藏时出现错位的解决方法

firefox|js|解决|显示|tbody 今天帮别人写一个网页,发现:当用javascript动态设置tr.style.display = "block"显示某行时,使用IE浏览没有问题,但使用firefox浏览时该行被移到了其它行的后面,很是诧异.看下面这个例子: <html><head>    <script type="text/javascript">    function body_load()    {     

firefox TBODY 用js显示和隐藏时出现错位的解决方法_javascript技巧

第一行 第二行 第三行

js弹出隐藏层代码

按钮1 按钮2 按钮3 关闭 111111111111111111111111 关闭 22222222222222222222222 关闭 333333333333333333

javascript最简单显示层与隐藏层代码

下面我们来看一段代码,其实显示与隐藏层都是利用js获取div id然后设置他的css教程样式为bolck或hidden就可以了,下面看函数. <script language="网页特效" type="text/javascript">  //显示层 function public_show(tarid) {     var tar = document.getelementbyid(tarid);     if(tar){         tar.st

Dreamweaver MX 2004 行为之显示/隐藏层

dreamweaver|显示 · 显示-隐藏层 "显示-隐藏层"动作显示.隐藏或恢复一个或多个层的默认可见性.此动作用于在用户与页进行交互时显示信息."显示-隐藏层"还可用于创建预先载入层,即一个最初挡住页的内容的较大的层,在所有页组件都完成载入后该层即消失(可做一个广告效果,记得在新浪见过这样的广告). "显示-隐藏层"动作,具体操作: 选择"插入"-->>"布局对象"-->>&q

基于jquery实现的定时显示与隐藏div广告的实现代码_jquery

下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTimeout函数来实例,下面我给大家分享我的方法.html页面中我们随便放些东西 复制代码 代码如下: <div class="toolbarframe" style="display:none;"><a href="http://www.jb51.net" target="_blan

javascript实现显示和隐藏div方法汇总_javascript技巧

javascript实现显示和隐藏div方法汇总 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>15种方法实现div显示和隐藏</title> <script src="js/base.js"></script> <style> body{ mar

JS弹出层的显示与隐藏示例代码

 关于JS弹出层的显示与隐藏,在网上可以搜到很多的类似教程,本文实现了一下,喜欢的朋友不要错过 代码如下: <!--弹出层的显示与隐藏-->  <script type="text/javascript">  //弹出层的显示  //overlays:为遮罩层的ID  //wins:弹出层窗体的ID  //弹出层中用于拖动的ID  function popDIV_show(overlays,wins,wins_title) {  var oLays = docu