本文实例讲述了javascript控制层显示或隐藏的方法。分享给大家供大家参考。具体实现方法如下：
<html> <head> <title>中国风</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <script language="JavaScript"> function showLay1(){ lay1.style.visibility="visible"; lay2.style.visibility="hidden"; lay3.style.visibility="hidden"; } function showLay2(){ lay1.style.visibility="visible"; lay2.style.visibility="visible"; lay3.style.visibility="hidden"; } function showLay3(){ lay1.style.visibility="visible"; lay2.style.visibility="visible"; lay3.style.visibility="visible"; } </script> <body> <div id="lay1">这是第一层内容,它的背景是透明的</div> <div id="lay2">这是第二层内容,它的背景是灰色的</div> <div id="lay3"><br><br><br>这是第三层内容,它的背景是透明的</div> <form id="form1"> <input type="button" value="第一层"> <input type="button" value="第二层"> <input type="button" value="第三层"> </form> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。