第一部分是java script代码，很简单代码如下：

关于传度的参数：div_name(所要显示层的ID名称）div_id(id的名称前缀，每个滑动门的ID名称必须统一）div_num(当前滑动门的个数）
------------------------------------------------------------------------------------------

<script  language="java script">
function updiv(div_name,div_id,div_num){   //声明函数updiv()并传递参数：div_name ; div_id ; div_num
for (i=1;i< div_num;i++){     //判断div_num所传递过来的层数，并循环。
 
div_um=div_id + i    将div_id+i（所传递过来的程ID前缀名称加上本次循环的I的值）的值付给div_um
  
if (div_name==div_um){     //判断当前的DIV名称是否等于所要显示层ID,如果是继续向下执行，如果不是执行ELSE后的代码 
      
   document.getElementById(div_um).style.display='block';     //将触发的层显示
   }else{                                                                                               //如果不等于所要显示的ID则执行下面的代码
   document.getElementById(div_um).style.display='none';     //将其他的ID设为隐藏
 
     }
 
 
  }

}

</script>

—————————————————
HTML的代码可以这样写

ID名称和传递参数详解。。
显示层ID命名：ID前缀+编号    。 整个滑动门必须统一。比如下面的a1 ，a为ID前缀 1为编号。
触发层参数： updiv（'a2','a',6）为调用函数要与前面的一样。  a2为所要显示的层名称，a为所有层ID得前缀，6为最大层得个数..注意第一个参数和第二个必须有单引号。。

<div onmouseover="updiv('a1','a',6)">第 一层</div>       
<div onmouseover="updiv('a2','a',6)">第二层</div>
<div onmouseover="updiv('a3','a',6)">第三层</div>

<div id="a1">这里显示的是第一层的内容</div>
<div id="a2">这里显示的是第2层的内容</div>
<div id="a3">这里显示的是第3层的内容</div>
<div id="a4">这里显示的是第4层的内容</div>