扩展代码|  常用工具|  常用框架|  站内项目|  常用地址|  代码规范| 关于我们

html弹出框详细介绍

所属分类:Html

 2020-09-17 16:14  947  0  0  0
layer弹出框信息
官网地址:https://layer.layui.com/
文档地址:https://www.layui.com/doc/modules/layer.html

该文章主要讲述弹出框,询问框,消息提示,tips,prompt等相关属性使用,相关问题记录和解决方法。让在使用中,能快速应用到项目,不用在查资料解决问题。

弹出框属性
type - 基本层类型
类型:Number,默认:0
layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外)

title - 标题
类型:String/Array/Boolean,默认:'信息'
title支持三种类型的值,若你传入的是普通的字符串,如title :'我是标题',那么只会改变标题文本;若你还需要自定义标题区域样式,那么你可以title: ['文本', 'font-size:18px;'],数组第二项可以写任意css样式;如果你不想显示标题栏,你可以title: false

content 的三种格式
格式1
content: 'https://www.xcsharp.top'
格式2
<div id="info">我是内容</div>
content: $("#info").html()
格式3
var html = "<div> test</div>";
content: html

如有帮助请打赏一下,分分是爱!!!
微信打赏
相关分类推荐
css使div旋转90度

css使div旋转90度

css使div旋转90度
  Html
 4282  1  2
html遮罩层

html遮罩层

html遮罩层,弹出默认提示框的时候背景遮罩
  Html
 1686  1  1
HTML实现弹幕技术

HTML实现弹幕技术

来分享一下最近比较火的一个技术,弹幕
  Html
 1640  0  2
h5-html全屏

h5-html全屏

全屏API requestFullscreen方法在一些老的浏览器里面依然使用带前缀形式的方法名,因此可能需要进行检测判断。
  Html
 1931  0  0

评论这篇文章(0

  • 楼主 xcSharp博客
学习永无止境,活到老,学到老,书山有路勤为径,学海无涯苦作舟;业精于勤荒于喜,行成于思毁于随