Score
0
Watch 17 Star 85 Fork 10

鬼画符 / msgJavaScriptApache-2.0

Join us
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
加载中、成功提示、失败提示等,引入msg.js,一句调用,不依赖任何三方js、css 。Msg. loading, success prompt, failure prompt, etc. A call, do not rely on any js, CSS spread retract

http://www.leimingyun.com

Clone or download
Loading...
README.md

快速体验

http://res.weiunity.com/msg/demo.html

快速使用

第一步,引入 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() 这些也可以用此来进行关闭,只不过实际使用时,没什么必要

弹出提示,提示消失时执行其他命令

弹出提醒,提醒消失时,弹出alert提示框的代码示例:

msg.info('Hello Msg', function(){
	alert(123);
});

msg.info() 、 msg.success()、 msg.failure() 这三个都支持这种方式。

写在后面

做了不少项目,其中有些里面,只需要一个加载中、一个好看的提示信息就可以的,但是需要实现,要引入jquery、引入layui、或者引入。。。。本来只是很简单的目的,却向项目中引入了这么多东西。另外负责项目的同事一看,好吧,这么一大坨,干啥的,引入了这么多,这么复杂,更改时是不是更要小心点了。

msg.js已在 网市场云建站系统 https://gitee.com/mail_osc/wangmarket 等项目中采用。

Comments ( 6 )

Sign in for post a comment

JavaScript
1
https://gitee.com/mail_osc/msg.git
git@gitee.com:mail_osc/msg.git
mail_osc
msg
msg
master

Help Search