JavaScript实现鼠标点击后层展开效果的方法

本文实例讲述了Javascript实现鼠标点击后层展开效果的方法。分享给大家供大家参考。具体分析如下：

这段Javascript代码可实现鼠标点击后层展开的功能，代码稍嫌复杂，重在学习研究，有兴趣的可以修改简化一下。

DIV.clTopMenu{
 position:absolute;
 width:101;
 height:150;
 clip:rect(0,101,14,0);
 visibility:hidden;
 z-index:31;
 layer-background-color:#EEEEEE;
 background-color:#00CCFF
}
DIV.clTopMenuBottom{
 position:absolute;
 width:101;
 height:3;
 clip:rect(0,101,3,0);
 top:11;
 layer-background-color:#CECFCE;
 background-color:#000099;
 z-index:2
}
DIV.clTopMenuText{
 position:absolute;
 width:91;
 left:5;
 top:15;
 font-family:"Arial", "Helvetica", "sans-serif";
 font-size:9pt;
 background-color:#EEEEEE;
 z-index:1;
 color: #000000
} 
a:link {
 color: #000000;
 text-decoration: none
}


点击展开
  
 
 
 鼠标点击后层展开Javascript鼠标点击后层展开Javascript。
 
 
 

希望本文所述对大家的javascript程序设计有所帮助。