浮层模板

//屏蔽输入,显示蒙板
function showMask(idName) {
    var obj = document.getElementById(idName);
    obj.style.width = document.body.clientWidth;
    obj.style.height = document.body.clientHeight;
    obj.style.display = "block";
}


//隐藏蒙板


function hideMask(idName) {
    document.getElementById(idName).style.display = "none";
}



//显示弹框
function showPop(idName) {
    showMask('mask');
    var width = 12;
    var height = 6;  
    var obj = document.getElementById(idName);
    obj.style.display = "block";
    obj.style.position = "absolute";
    obj.style.zindex = "10";
    obj.style.overflow = "hidden";
    obj.style.width = width + "rem";
    obj.style.height = height + "rem";
    obj.style.top = '50%';
    obj.style.left = '50%';
    obj.style.marginLeft = -width/2 + 'rem';
    obj.style.marginTop = -height/2 + 'rem';


}




//隐藏模板
function hidePop(idName) {
    hideMask('mask');
    //removeVoice();
    document.getElementById(idName).style.display = "none";
} 

调用方式

显示模板

showPop('tcc') //tcc是中间弹窗的id名
显示模板

hidePop('tcc') //tcc是中间弹窗的id名


ps:显示弹窗里面的数据都可以修改成适合自己的宽度大小,默认弹窗是上下居中显示的
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值