msg.js 1.2 发布,无任何依赖的js提示,增加弹出层

栏目: 软件资讯 · 发布时间: 3年前

内容简介:msg 1.2版本更新 增加弹出层,可使用 msg.popups(…) 调出弹出层 加载中、成功、失败三种提示,增加字体颜色白色,避免被其他影响不显示文字 加载中、成功、失败三种提示,增加0.8透明度,使之更委婉一点 加载中、...

msg.js 1.2 发布,无任何依赖的js提示,增加弹出层

msg 1.2版本更新

  1. 增加弹出层,可使用 msg.popups(…) 调出弹出层
  2. 加载中、成功、失败三种提示,增加字体颜色白色,避免被其他影响不显示文字
  3. 加载中、成功、失败三种提示,增加0.8透明度,使之更委婉一点
  4. 加载中、成功、失败三种提示,优化z-index,使提示窗口保持在最前面
  5. 优化加载中、成功、失败三种提示,如果提示文字过多,提示文字超过10个字符,会自动变为横向显示的提示窗,以免文字过多太丑

msg.js ,无任何css、三方js等依赖,适用于手机端、电脑端。

快速使用

第一步,引入 msg.js

<script src="https://res.weiunity.com/msg/msg.js"></script>

第二步,一行代码使用

msg.info('Hello Msg')

信息提示,2.5秒后自动关闭

msg.success('操作成功')

成功提示,1.5秒后自动关闭

msg.failure('操作失败');

失败提示,2.5秒后自动关闭

msg.loading('加载中');

加载中的提示,图片会有一张动图一直转圈。不会自动关闭,配合 msg.close(); 一起使用

msg.close();

弹出层

//普通弹出框。普通弹出窗只是显示内容,所以直接吧内容传入就可以了
msg.popups('我是弹出窗口,可以传入文字、也可以传入html');

//自定义弹出框。自定义,传入了一个自定义属性,内容文本也算是其中的一个属性。改弹出层自动会居中显示。
msg.popups({
	text:'Hallo,是管雷鸣创造了我!',	//弹出窗显示的内容,支持html
	height:'100px',		//弹出层显示的高度。不传默认是 auto。 传入如 100px 、 10rem 、 10% 等 
	width:'90%',		//弹出层显示的宽度。不传默认是 90%。 传入如 100px 、 10rem 、 10% 等
	close:true,			//是否显示右上角的关闭按钮,不传默认是true,显示关闭按钮
	background:'#2e2d3c',	//背景颜色。十六进制颜色编码。不传默认是 '#2e2d3c'
	opacity:92,			//弹出层的透明度,默认是92, 取值0~100,0是不透明,100是全部透明
	padding:'3px',		//弹出层四周留的空隙,默认是1rem。可传入如 10px 、 1rem 等
});

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

王牌创业者:风口游戏

王牌创业者:风口游戏

澈言 / 百花洲文艺出版社 / 2018-2 / 48.00

《王牌创业者:风口游戏》是一部围绕互联网创业展开的商战小说:故事的主人公莫飞是“毕业即创业”的当代年轻创业者的典型代表,他大学在校时就凭借创业项目拿到了天使融资,创业几年后,当产品估值越做越大时,他却忽然遭遇创业伙伴及投资人的联手陷害,失去了自己一手建立的公司。 此时, 莫飞的女友林姿参加了一场声势浩大的创业比赛,并一举夺魁,直进决赛。可在决赛中,突如其来的一场新闻事件让她名誉扫地。最终,为......一起来看看 《王牌创业者:风口游戏》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

随机密码生成器
随机密码生成器

多种字符组合密码