1、效果图：前加遮罩层，黄色字体显示提醒，后去遮罩层后
html页面中的元素
这里是您的目标div,有自己的子元素和样式
说明：页面要引用jquery等
不能发代码很别扭（凑合看吧，或去csdn看我的博文）
function showhideoptdiv(divid,optid,ishow)
{//定一个遮罩层临时元素
var opthtml="
当前自动模式无法点动操作";
console.log(opthtml);
//$(led).append(opthtml);
$(document.body).append(opthtml);
//console.log(optid);
if(ishow)
{//显示
//先获取目标的l,t,w,h
//console.log($(divid).offset());
var sleft=$(divid).offset().left "px";
var stop=$(divid).offset().top-5 "px";
var swidth=$(divid).width() "px";
var sheight=$(divid).height() 5 "px";
//console.log(swidth);
//console.log(sheight);
//将目标的四坐标元素给遮罩层
$( optid).css("left",sleft);
$( optid).css("top",stop);
//$("mydiv").height(10); 等效于 $("mydiv").css("height","10px");{ height: "10px", background: "blue" }
$( optid).css("width",swidth);
$( optid).css("height",sheight);
$( optid).css({display:block});
console.log(遮罩层显示);//opacitybox
}else{//移除
$( optid).css({display:none});
$( optid).remove();
}
}
----------------------调用方法-----------------------js调用---要引用jquery---------------
//调用脚本方法
//第一个参数：要加遮罩层的div(带)
//第二个参数：遮罩层的div(不带)
//第三个参数：false去除遮罩层，true增加遮罩层
showhideoptdiv(opgroup,opacitybox,false);
或
showhideoptdiv(opgroup,opacitybox,true);
---------------------------------------------------------
如果可能，体验我的测试远程开关灯体验连接：http://x5zj.com/x5zjbox/8266.html
我在使用，不要乱点啊！基本24小时开放（白天一般我要用调试）
可以只看不点，温湿度也会自动刷新（15秒左右）。如果点击没回应就停一会，有相应后再体验。