一行代码调用提示 msg.js

Apache
JavaScript
跨平台
2020-02-24
鬼画符

拥抱开源,微软做了哪些努力?一大波开源技术成果将亮相微软在线技术峰会>>>

加载中、成功提示、失败提示等,引入 msg.js,一句调用,不依赖任何三方 js、css 。

快速使用

第一步,引入 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.loading(); 来使用,关闭加载中的提示。 其他的 msg.info()、 msg.success()、 msg.failure() 这些也可以用此来进行关闭,只不过实际使用时,没什么必要。

的码云指数为
超过 的项目
加载中

评论(12)

undefinedd
undefinedd
挺好
水牛叔叔
水牛叔叔
世界需要点不同
BearChild
BearChild
我我多么希望早点看到这玩意。我最经一个项目搞那个overlay的逻辑(要配合css动画)简直烦死了。
MAKAMAKA
MAKAMAKA
定义了一个全局的msg变量,这个变量太通用了很容易出错。引入的js也不是发布到cdn中的,代码也没有压缩。这个js的作者估计只是发出来提供一点思路,不是让别人直接引入到项目中的。
CapJes
CapJes
这个挺好啊。
我是MN
我觉得挺好的 为什么老要说风凉话
MAKAMAKA
MAKAMAKA
这也能当个js库来发布?
CS技术
CS技术
layer它不香吗
狄工
狄工
世界需要点不同
caryhgq
caryhgq
没有弹出和消失动画~
Demly
Demly
666

msg.js 更新,增加提示消失时的回调函数

更新项: 增加提示消息、操作成功、操作失败提示窗消失时的回调,msg.info() 、 msg.success()、 msg.failure() 这三个都支持这种方式。使用如: msg.info('Hello Msg', function(){ al...

02/26 10:00

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

JavaScript语言基础-环境搭建

我们要想编写和运行JavaScript脚本,则需要:JavaScript编辑工具和JavaScript运行测试环境。下面我们分别介绍一下。 JavaScript编辑工具 JavaScript编辑工具最简单的可以使用一些文本编辑工具...

2015/03/12 19:28
2.4K
0
cocos2dx中js绑定的回调

上一篇,写了个CCPomelo导出到js,一直研究怎么写回调,研究了半天也没找到哪里可以自动生成代码了,看了半天源码,只好手动添加代码,在自动生成的 中修改 CCPomelo增加几个成员 class CCPo...

2013/06/20 13:03
4K
0
java调用javascript :js引擎rhino

java调用javascript :js引擎rhino

2014/02/24 11:22
1.4K
0
javascript:基本数据结构

JavaScript提供脚本语言的编程与C++非常相似,它只是去掉了C语言中有关指针等容易产生的错误,并提供了功能强大的类库.对于已经具备C++或C语言的人来说,学习JavaScript脚本语言是一件非常轻松愉...

2014/01/09 11:35
180
0
JS和JQ的event对象对比和应用

js和jq的event对象大同小异,本文简单对比下它们的'click'事件下的不同和应用

2014/08/11 22:21
1.5K
0
简析JavaScript中的Function类型(五)——设置函数的作用域

在JavaScript中,函数运行时都具有特定的作用域,如下代码: var name = 'Jack'; var person = { name: 'Bob', sayName: function(code, msg){ console.log(code, msg + this.name); } } per...

2019/04/07 10:58
50
0
看JavaScript 一书中记的一些关键点

JS在执行时才确定值(变量在初始化) JS引擎在解析时会预编译对所有变量和函数预先处理,所以执行时变量与函数都可见 先声明,再引用,在JS最上面先声明好变量OR函数,下面再使用 所有的JS块都属于...

2018/07/28 00:19
62
0
JavaScript 高级程序设计之最佳实践

最新在忙着对公司的一个考试资讯网站进行改版,复责前端方面的设计和开发工作,于是翻开了红宝书JavaScript高级程序设计,又熟悉了一遍JavaScript开发实践中需遵循的准则,现总结成本博文,方...

2014/11/02 12:41
419
2
自己封装的cocos2dx中封装pomelo并导出给javascript使用

自己封装的cocos2dx中封装pomelo并导出给javascript使用,感谢pomelo群友的指导292495320

2013/06/19 16:48
2.8K
0
javascript 55个小技巧

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> ...

2012/07/19 16:16
287
1

没有更多内容

加载失败,请刷新页面

返回顶部
顶部