最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > layui弹出层的使用方法建站文章

layui弹出层的使用方法建站文章

时间:2023-05-27 10:05:27 阅读: 文章分类: 网站建设 作者: 网络小编

导读:建站文章建站文章layui弹出层的使用方法:首先介绍JQuery1.8以上的任何版本;然后介绍laery.js;最后通过“functionshow(){vara=layer.o网站seo优化软件seo网站优化。

网站seo优化软件seo网站优化

layui弹出层的使用方法:首先介绍JQuery1.8以上的任何版本;然后介绍laery.js;最后通过“function show(){var a = layer.open({...});}使用laery的方法.open弹出层即可。

layer 在 layui 系统中的特殊位置甚至让很多人误以为是 layui = layer ui,因此再次强调 layer 只是作为 layui 弹层模块

1、要获得laery,需要去官网下载laery.js 地址--http://layer.layui.com/

2、介绍laery.js 在此之前,您必须介绍任何版本的JQuery超过1.8

<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> <script src="layer/layer.js"></script>

3、使用laery.open();

function show(){ var a = layer.open({ type: 2, area: ['80%','450px'], title: '我是标题', shadeClose: true, content: ['layer_model.html','no'] }); }

基础参数

1. type 类型

type: 1, // (信息框,默认)1(页面网站seo优化培训层)2(iframe层)3(加载层)4(tips层)

2. title 标题

title:"我是标题", //如果您还需要定制标题区域样式,您可以使用title: ['文本', 'font-size:18px;'] 数组第二项可以写任何css风格; //如果不想显示标题栏,可以 title: false

3. content 内容

3.1.假如是页面层

layer.open({ type: 1, content: '传输任何文本或html' content在这里是一个普通的String }); layer.open({ type: 1, content: $('#id') ///这里的content是DOM。注意:最好将这个元素存储在body的最外层,否则可能会受到其他相对元素的影响 })网站seo优化诊断工具; ///Ajax获取 $.post('url', {}, function(str){ layer.open({ type: 1, content: str //注意,如果str是object,则需要字符拼接。 }); });

示例:

3.2.如果iframe层是iframe

layer.open({ type: 2, content: 'http://sentsin.com' ///这里的content是URL,如果不想让iframe出现滚动条,也可以contententent: ['http://sentsin.com', 'no'] });

示例:

3.3.如果是layer.open执行tips层

layer.open({ type: 4, content: ['内容', '#id'] //数组第二项是吸附元素选择器或DOM });

示例:

4. area 宽高

在默认情况下,layer适应宽度和高度,但当你只想定义宽度时,你可以area: '500px',高度仍然是自适应的。当你必须定义宽度和高度时,你可以 area: ['500px', '300px']

5. btn 按钮

在信息框模式下,btn默认为确认按钮,其他层类型默认不显示,加载层和tips层无效。当你只想定制一个按钮时,你可以btn: '我知道',当您需要定义两个按钮时,您可以btn: ['yes', 'no']。当然,您也可以定义更多的按钮,例如:btn: ['按钮1', '按钮2', '按钮3', …],按钮1的回调是yes,从按钮2开始,回调为btn2: function(){}以此类推。如:

关键词标签: 建站 使用方法 弹出

声明: 本文由我的SEOUC技术文章主页发布于:2023-05-27 ,文章layui弹出层的使用方法建站文章主要讲述弹出,使用方法,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_10877.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章