layer设置弹出框大小;layer弹出框宽、高设置

2024-03-20 14:38:44

layer是一个备受青睐的web弹层组件，在默认状态下layer的宽高都自适应的，但当需要自定义宽度时，可以使用area: ['500px', '400px']进行设置。
设置代码：
layer.open({
type: 2,
area:["500px","400px"],
content: "test.html"
})

操作方法

01

打开前端开发工具，新建一个html代码页面
02

找打页面上的<title>标签，在这个标签后面使用link链接一个外部样式layer.css文件
03

在链接的layer.css文件后面插入外部的jquery.js、layer.js这两个外部文件
04

创建弹出框。创建一个新的<script>标签,然后在这个标签里面使用layer.open()创建弹出框功能。创建弹出框代码： layer.open({ type: 2, content: "test.html" })
05

查看弹出框效果。保存html代码文件后使用浏览器打开,这个时候看到弹出框已经功能已经实现
06

修改弹出框大小。在layer.opren()方法里面使用area:[]设置弹出框的宽/高。代码： layer.open({ type: 2, area:["500px","400px"], content: "test.html" })
07

保存html代码后重新刷新浏览器页面,即可看到弹出框的大小已被修改

赞 (0)

PR序列帧大小视频像素长宽怎么设置

PR作为一款经常使用的视频制作剪辑软件,我们只有设置好PR的序列帧大小以及视频像素的长宽,制作的视频才可以没有黑边,充满屏幕. 下面,我们就来看看PR序列帧大小,视频像素长宽怎么设置. 操作方法 01 ...
excel怎么设置行高 excel行高设置方法

excel作为office办公软件之一是必须要好好掌握的,学会excel怎么设置行高必不可少的,下面小编就教大家excel行高设置方法. excel怎么设置行高 01 excel行高设置方法很简单,首 ...
Win10系统总是弹出"打开文件-安全警告"提示框怎么处理?

Win10系统总是弹出"打开文件-安全警告"提示框怎么处理? 步骤如下: 1.按下"WIN+R"组合键打开运行,在运行框中输入"services.ms ...
关机时弹出的等待后台程序关闭的提示怎么设置取消弹出

今天给大家介绍一下关机时弹出的等待后台程序关闭的提示怎么设置取消弹出的具体操作步骤.1. 打开电脑,进入桌面,点击左下角的开始图标,在打开的开始菜单中,点击右侧的运行选项.2. 如图,我们就打开了运行 ...
如何给IE浏览器设置由IE决定如何打开弹出窗口

今天给大家介绍一下如何给IE浏览器设置由IE决定如何打开弹出窗口的具体操作步骤.1. 首先打开电脑,进入桌面,点击左下角的"开始"图标.2. 在打开的菜单中,依次展开"M ...
qq消息总是自动弹出，想取消弹出，怎么设置？

每次qq以来消息,总是自动就弹出来了,平时倒是没什么,但,当工作的时候,在弹出,感觉有点烦人,但是怎么设置才能真正解决qq消息自动弹出的问题呢?下面让小编给伙伴们意义讲解一下!!! 1.怎么做?步骤是 ...
Windows10设置某一个程序单独不弹出UAC的方法

UAC(用户账户控制)在加强了我们使用电脑安全的同时也带了一些不便,在不关闭uac的情况下有些程序我们并不需要弹出uac对话框,但是Windows并没有提供设置单独取消uac,下面我们通过修改注册表可 ...
电脑AutoCAD软件拾取框大小怎么设置

cad软件是我们经常用来画图的软件,接下来小编就教大家这个软件中拾取框的大小怎么设置具体如下:1. 首先我们打开电脑进入到电脑桌面,然后找到桌面上的cad软件图标,点击打开,进入到软件之后在软件上方找 ...
怎么设置文本框大小随文本自动缩放？

我们在文本框中输入文字时,可能会遇到2个问题,就是文字太少时文本框会留有空白,文字太多时又会自动换行,如果我们想只在一行或几行里显示文字,就只有拖动文本框改变,不是很方便,那么如何让文本框大小随文字缩 ...