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

运行效果图如下：

完整代码如下：

！' DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML标题点击文字弹出一个差异层窗口代码/title meta charset=' URF-8 '/style .black _ overlay { display : none；绝对位置：前：名0%；左侧： 0%;宽度： 100%;高度： 100%;背景-颜色：黑色；z索引：1001;-莫兹-奥帕市3360 0.8；opa city 3360.80 filter : alpha(不透明度=88);} .white _ content { display : none；绝对位置：前：名25%；左侧： 25%;宽度： 55%;高度： 55%;padding: 20pxborder: 10px纯橙色；背景-颜色：白色；z索引：1002;飞越：汽车；}/样式/头体p示例弹出层：a href=' JAVAScript : void(0)' onclick='文档。getelementbyid(' light ')。风格。display=' block文件。getelementbyid(' fade ')。风格。显示=“块”请点这里/a/p div id=' light ' class=' white _ content '这是一个层窗口示例程序a href=' JavaScript : void(0)' onclick='文档。getelementbyid(' light ')。风格。显示='无'；文件。getelementbyid(' fade ')。风格。显示=“无”点这里关闭本窗口/a/div div id=' fade ' class=' black _ overlay '/div/body/html更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript窗口操作与技巧汇总》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 、 《JavaScript中json操作技巧总结》 、 《JavaScript错误与调试技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。