layui透明弹框
效果:

layui.use('layer', function () {
var layer = layui.layer;
var str = '<div>';
str += '<div style="margin-left: 0%;margin-top: 3%;"><img src="<%templateskin%>/images/play-pause.png" style="width:38%;height:38%;cursor: pointer;" onclick="openSee();" /></div>';
str += '<div style="text-align:center;margin-top: 3%;margin-bottom: 3%;" class="container" > <label class="content"> <table cellpadding="10"><tr> <td> ' + " " + '</td> <td><span style="font-size: 20px;">观看中心正在演示是否进入?</span></td><td></td><td><a style="font-size: 18px;color:#0698d0;" href="javascript:;" onclick="cclose();">下次再说</a></td> <td> ' + " " + '</td> </tr>';
str += ' <tr> <td> ' + " " + '</td> <td> <span style="font-size: 19px;"> Enter visitor viewing center?</span></td><td> ' + " " + '</td><td><span><a style="font-size: 16px;color:#0698d0;" href="javascript:;" onclick="cclose();">Next time</a> </span></td> <td> ' + " " + '</td> </tr></table> </label> </div>';
str += '</div>';
/*
layer.confirm('观看中心正在演示是否进入?', {
btn: ['进入', '下次'] //按钮
}, function () {
layer.msg('正在进入观看中心', { icon: 1 });
openSee();
}, function () {
});
*/
index2 = layer.open({
type:1, //页面层
shade:0,
title:false,
content:str,
area: ["500px", "347px"],
skin: 'layui-layer-nobg layer_bg', //没有背景色
closeBtn: 0, //去除右上角的关闭按钮
});
});
background-color: rgba(185, 173, 173, 0.22);
layui透明弹框的更多相关文章
- layui layer弹框中表格的显示
场景描述:点击iframe里面的一个按钮,需要在父级弹出一个弹框表格. 问题描述:这个弹框的分页不能正常显示,如果把layer.open前面的parent去掉,就可以正常显示. 代码展示: paren ...
- layui layer 弹框
layer 这个是一个web弹层组件,挺好用的...然后项目框架是SSM... layer.open主要是用来弹出来一个iframe弹窗,然后用来展示数据也行,用来修改也行,这次记录的主要是展示,展示 ...
- layui多级弹框去掉遮罩
var index = layer.open({ type:1, title:'请选择费用代码', area:['1050px','650px'], content:$('#selectFee'), ...
- 记一次layui弹框关闭问题
我在博客园记录过layui关于弹框关闭问题,文章为layui关闭弹出层,这次出现了特殊情况,之前是通过layer.closeAll()解决了这个问题,但是这次解决不了.而换成parent.layer. ...
- iOS:定制自适应大小的透明吐司弹框
一.简单介绍 创建一个吐司消息的黑色透明弹框,可以根据消息长短自适应大小. 可以手动创建手动显示手动关闭,也可以手动创建自动显示自动关闭. 简单好用. 二.代码使用 .h文件 // // LiveHU ...
- 解决 layui 弹出层(弹框)一闪而过就消失的问题 (转载)
转载: 原文链接:https://blog.csdn.net/qq_20594019/article/details/83956532 本人遇到问题:使用layer.open()弹出页面层,出现弹框闪 ...
- layui子弹框调用父弹框方法
var thisFrame = parent.window.document.getElementById("LAY_layuiStampDuty1").getElementsBy ...
- layui(弹出层)
首先引入文件 layui.css jquery.min.js layui.js 弹出层 data-method 后面的属性控制是什么弹窗,在js中写方法 <div class="sit ...
- layer弹框
官网http://layer.layui.com/ /!*如果是页面层*/layer.open({ type: 1, content: '传入任意的文本或html' //这里content是一个普通的 ...
随机推荐
- 关于Dosbox0.74无法使用masm命令
今天尝试在dosbox里编译asm源代码文件 但是提示“illegal command”,也就是非法命令 开始还以为我的dosbox版本不对 但是去网上查阅资料发现别人用这个版本都可以使用 所以百思不 ...
- java中组合与聚合(聚集)的区别
组合和聚合是有很大区别的,这个区别不是在形式上,而是在本质上: 组合:比如A类中包含B类的一个引用b,当A类的一个对象消亡时,b这个引用所指向的对象也同时消亡(没有任何一个引用指向它,成了垃圾对象) ...
- PSU/OPATCH/OJVM下载页面及安装方式(最实用版)
中文版:数据库 PSU,SPU(CPU),Bundle Patches 和 Patchsets 补丁号码快速参考 (文档 ID 1922396.1) Download Reference for Or ...
- mysql-5.7免安装版本设置
mysql-5.7.22 免安装版本设置(Windows7) 一.在Mysql官网下载Mysql-5.7.22的ZIP文件 下载链接为:https://dev.mysql.com/downloads ...
- django--admin组件
一,激活管理工具(一般建立工程已创建) 1,setting.py 中安装子应用 INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.a ...
- 注解之@PathVariable
@PathVariable只支持一个属性value,类型是为String,代表绑定的属性名称.默认不传递时,绑定为同名的形参. 用来便捷地提取URL中的动态参数.其英文注释如下: Annotation ...
- java开发中乱码的解决
总结一下,在JavaWeb中针对各种情况处理中文乱码的方法. 首先我们看下,一个请求响应的流程 浏览器------------------>Servlet容器---------------> ...
- 一个ajax请求,接收json数据
<a id="inviterDel" onclick="delInviter(${item.inviterAddId})">删除</a> ...
- 弱网测试之基于TP-LINK
使用路由器做弱网测试应该是最真实的,网络工程师/运维工程师体会应该最深刻.这种方式测试成本也不高,比较推荐. 设置的方式不在赘述,参见使用手册,高级设置即可. 结束语: 这样测试的时候,测试机器连接该 ...
- dedecms怎样调用指定id文章?
前面我们聊了帝国cms如何调用指定id的文章到首页,作为同行的织梦cms应该也是可以实现的吧?那么,dedecms怎样调用指定id文章呢?使用idlist直接调用指定的ID这样的方法是比较好的.官方给 ...