php中遮罩层怎么做,JavaScript_css+js实现部分区域高亮可编辑遮罩层，想大家都做过遮罩层这种常见 - phpStudy...

css+js实现部分区域高亮可编辑遮罩层

想大家都做过遮罩层这种常见的功能，css或jquery实现，实现方式多样化，这里http://我介绍我在项目中实现的方式，全屏遮罩，部分区域可操作，非常实用。

效果如下图：

js 实现部分：

var myAlert = document.getElementById("alert");

var reg = document.getElementById("content").getElementsByTagName("a")[0];

reg.onclick = function() {

myAlert.style.background = "#e2ecf5";

myAlert.style.zIndex = "501";

myAlert.style.position = "absolute";

var signSpan = document.getElementById("signSpanId");

myAlert.style.top = signSpan.offsetTop;

myAlert.style.left = signSpan.offsetLeft;

mybg = document.createElement("div");

mybg.setAttribute("id", "mybg");

mybg.style.background = "#000";

mybg.style.width = "100%";

mybg.style.height = "100%";

mybg.style.position = "absolute";

mybg.style.top = "0";

mybg.style.left = "0";

mybg.style.zIndex = "500";

mybg.style.opacity = "0.3";

mybg.style.filter = "Alpha(opacity=30)";

document.body.appendChild(mybg);

//document.body.style.overflow = "hidden";

}

页面代码：

启动遮罩层

这是高亮显示区域 用户名 密　码

我是第三列

相关阅读:

分析MySQL中索引引引发的CPU负载飙升的问题

Android ADB常用命令总结

开启Javascript中apply、call、bind的用法之旅模式

SQL中位数函数实例

typecho插件编写教程(四)：插件挂载

使用ssh访问防火墙后的Linux服务器的方法

Navicat for MySQL(mysql图形化管理工具)是什么？

Win7/Win8/win8.1升级Win10后系统没有声音的解决办法

javascript解析json数据的3种方式

轻松创建nodejs服务器(3)：代码模块化

php异常处理方法实例汇总

jQuery ajax中使用confirm,确认是否删除的简单实例

电脑程序在运行但是任务栏没有图标怎么办？

js的hasownproperty使用示例