html遮罩显示文字,JS简单实现点击按钮或文字显示遮罩层的方法

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML(标准通用标记语言的子集)网页添加动态功能，比如响应用户的各种操作。

今天我们继续来讲JavaScript方面的知识。

本文实例讲述了JS简单实现点击按钮或文字显示遮罩层的方法。分享给大家供大家参考，具体如下：

运行效果图如下：

完整代码如下：

[js]

点击文字弹出一个DIV层窗口代码

.black_overlay{

display: none;

position: absolute;

top: 0%;

left: 0%;

width: 100%;

height: 100%;

background-color: black;

z-index:1001;

-moz-opacity: 0.8;

opacity:.80;

filter: alpha(opacity=88);

}

.white_content {

display: none;

position: absolute;

top: 25%;

left: 25%;

width: 55%;

height: 55%;

padding: 20px;

border: 10px solid orange;

background-color: white;

z-index:1002;

overflow: auto;

}

示例弹出层：请点这里

这是一个层窗口示例程序. 点这里关闭本窗口

[/js]

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript窗口操作与技巧汇总》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

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

因为水平有限，难免有疏忽或者不准确的地方，希望大家能够直接指出来，我会及时改正。一切为了知识的分享。

后续会有更多的精彩的内容分享给大家。