效果:

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> ' + "&nbsp;&nbsp;&nbsp;&nbsp;" + '</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> ' + "&nbsp;&nbsp;&nbsp;&nbsp;" + '</td> </tr>';
str += ' <tr> <td> ' + "&nbsp;&nbsp;&nbsp;&nbsp;" + '</td> <td> <span style="font-size: 19px;"> Enter visitor viewing center?</span></td><td> ' + "&nbsp;&nbsp;&nbsp;&nbsp;" + '</td><td><span><a style="font-size: 16px;color:#0698d0;" href="javascript:;" onclick="cclose();">Next time</a> </span></td> <td> ' + "&nbsp;&nbsp;&nbsp;&nbsp;" + '</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透明弹框的更多相关文章

  1. layui layer弹框中表格的显示

    场景描述:点击iframe里面的一个按钮,需要在父级弹出一个弹框表格. 问题描述:这个弹框的分页不能正常显示,如果把layer.open前面的parent去掉,就可以正常显示. 代码展示: paren ...

  2. layui layer 弹框

    layer 这个是一个web弹层组件,挺好用的...然后项目框架是SSM... layer.open主要是用来弹出来一个iframe弹窗,然后用来展示数据也行,用来修改也行,这次记录的主要是展示,展示 ...

  3. layui多级弹框去掉遮罩

    var index = layer.open({ type:1, title:'请选择费用代码', area:['1050px','650px'], content:$('#selectFee'), ...

  4. 记一次layui弹框关闭问题

    我在博客园记录过layui关于弹框关闭问题,文章为layui关闭弹出层,这次出现了特殊情况,之前是通过layer.closeAll()解决了这个问题,但是这次解决不了.而换成parent.layer. ...

  5. iOS:定制自适应大小的透明吐司弹框

    一.简单介绍 创建一个吐司消息的黑色透明弹框,可以根据消息长短自适应大小. 可以手动创建手动显示手动关闭,也可以手动创建自动显示自动关闭. 简单好用. 二.代码使用 .h文件 // // LiveHU ...

  6. 解决 layui 弹出层(弹框)一闪而过就消失的问题 (转载)

    转载: 原文链接:https://blog.csdn.net/qq_20594019/article/details/83956532 本人遇到问题:使用layer.open()弹出页面层,出现弹框闪 ...

  7. layui子弹框调用父弹框方法

    var thisFrame = parent.window.document.getElementById("LAY_layuiStampDuty1").getElementsBy ...

  8. layui(弹出层)

    首先引入文件 layui.css jquery.min.js layui.js 弹出层 data-method 后面的属性控制是什么弹窗,在js中写方法 <div class="sit ...

  9. layer弹框

    官网http://layer.layui.com/ /!*如果是页面层*/layer.open({ type: 1, content: '传入任意的文本或html' //这里content是一个普通的 ...

随机推荐

  1. 使用Zookeeper命令的简单操作步骤

    (1) 使用ls命令查看当前Zookeeper中所包含的内容:ls / [zk: localhost:2181(CONNECTED) 1] ls / [zookeeper] [zk: localhos ...

  2. 静态方法中只允许访问静态数据,那么,如何在静态方法中访问类的实例成员(即没有附加static关键字的字段或方法)?

    package test.two; public class jingtaihanshu { int x = 3; static int  y = 4; public static void Meth ...

  3. 【绿书】 模拟,rep大坑

    https://vjudge.net/contest/229603#problem/B 绿书题 大模拟,绿书上用了个比较麻烦的输入,其实只要getchar()!='0'就行 坑: rep(i,0,s. ...

  4. 编译安装hadoop2.x

    1.Requirements: * Unix System * JDK 1.7+ * Maven 3.0 or later * Findbugs 1.3.9 (if running findbugs) ...

  5. python:turtle绘图模块

    turtle模块 海龟绘图(Turtle Graphics),python内置模块,非常简单好玩的一个库. 一.导入库 import turtle from turtle import * 二.画布的 ...

  6. rsync定时同步文件

    rsync服务器 ip:192.168.1.198 操作系统:centos7.2 rsync客户端 ip:192.168.1.16 操作系统:centos7.2 服务器配置 1.yum -y inst ...

  7. Flask需要登录权限的装饰器写法

    def wapper(func): def inner(*args,**kwargs): if not request.cookies.get("username"): retur ...

  8. 目标检测(3)-SPPNet

    Spatial Pyramid Pooling in Deep Convolutional Networks for Visual Recognition 文章地址:https://arxiv.org ...

  9. SSLv3存在严重设计缺陷漏洞(CVE-2014-3566)

    SSLv3存在严重设计缺陷漏洞(CVE-2014-3566) 1.引发问题的原因 SSLv3漏洞(CVE-2014-3566),该漏洞贯穿于所有的SSLv3版本中,利用该漏洞,黑客可以通过中间人攻击等 ...

  10. dwr的ScriptSession和HttpSession分析

    1.关于ScriptSession ScriptSession不会与HttpSession同时创建 当我们访问一个页面的时候,如果是第一次访问,会创建一个新的HttpSession,之后再访问的时候, ...