javascript控制层显示或隐藏的方法
本文实例讲述了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" style="position:absolute; left:60px; top:30px; width:250px; height:200px; index:1; visibility:visible">这是第一层内容,它的背景是透明的</div> <div id="lay2" style="position:absolute; left:60px; top:30px; width:250px; height:200px; index:2; visibility:hidden; background-color:silver">这是第二层内容,它的背景是灰色的</div> <div id="lay3" style="position:absolute; left:60px; top:30px; width:250px; height:200px; index:3; visibility:hidden"><br><br><br>这是第三层内容,它的背景是透明的</div> <form id="form1" style="position:absolute; left:70px; top:250px;"> <input type="button" value="第一层" onclick="showLay1()"> <input type="button" value="第二层" onclick="showLay2()"> <input type="button" value="第三层" onclick="showLay3()"> </form> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍jQuery控制TR显示隐藏的几种方法，包括了jQuery控制TR显示隐藏的几种方法的使用技巧和注意事项，需要的朋友参考一下 网上有很多，这里介绍三种： 第一种方法，就是使用id，这个方法可以在生成html的时候动态设置tr的id，也是用得最多最简单的一种，如下： 那么控制显隐可以直接使用 第二种方法，是使用$.each()，这个方法需要设置table的id，如下： 那么控制显隐可以
-
本文向大家介绍jQuery焦点控制图层展示延迟隐藏的方法，包括了jQuery焦点控制图层展示延迟隐藏的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery焦点控制图层展示延迟隐藏的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jQuery控制元素隐藏和显示，包括了jQuery控制元素隐藏和显示的使用技巧和注意事项，需要的朋友参考一下 1、jQuery隐藏和显示效果 通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素： 2、jQuery淡入淡出效果 通过 jQuery，您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法： fadeIn()
-
本文向大家介绍jQuery控制TR显示隐藏的三种常用方法，包括了jQuery控制TR显示隐藏的三种常用方法的使用技巧和注意事项，需要的朋友参考一下 网上有很多，这里介绍三种： 第一种方法，就是使用id，这个方法可以在生成html的时候动态设置tr的id，也是用得最多最简单的一种，如下： 那么控制显隐可以直接使用 第二种方法，是使用$.each()，这个方法需要设置table的id，如下： 那么控制
-
问题内容： 按下后如何隐藏“编辑”链接？当我按下编辑键时，是否还可以隐藏“ lorem ipsum”文本？ 问题答案：
-
本文向大家介绍控制文字内容的显示与隐藏示例，包括了控制文字内容的显示与隐藏示例的使用技巧和注意事项，需要的朋友参考一下