msg.js 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
msg.js 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
msg.js 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 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() 这些也可以用此来进行关闭,只不过实际使用时,没什么必要。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(12) 发布并加入讨论🔥
发表了资讯
2022/03/17 14:18

msg.js 轻量级信息提示,一行代码调用,v1.6 升级

更新说明 优化多个弹出层共存时异常的问题 增加弹出层返回id,可用 msg.close(id) 来关闭指定的弹出层。 优化 msg.close 如果不传入id,每次点击默认关闭当前所存在的、最后一次的弹出层。 增加 msg.input 弹出单行输入框 增加 msg.textarea 弹出多行输入框 优化 msg.popup 有情况会显示不全的问题 优化被外部样式影响的问题 DEMO示例快速体验: https://res.zvo.cn/msg/demo.html 快速使用 第一步,引入js <script src="https...

3
16
发表了资讯
2021/06/13 21:47

msg.js js 信息提示弹窗,无三方依赖,v1.3 升级

更新说明 增加 msg.confirm 弹出询问框 增加 msg.alert 弹出提示框 修复msg.popups的padding设置后,如果设置的很小,底部会出现一块边框的问 修复 IE11 中报错、以及成功、失败、信息提示图标不显示的问题 msg.popups 弹出层增加 url 参数,可以根据url显示弹出层 优化 msg.popups 的 字体、行高。 快速使用 第一步,引入js <script src="https://res.weiunity.com/msg/msg.js"></script> 第二步,实现代码,如 msg.info...

0
10
发表了资讯
2021/01/01 15:57

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

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

2
32
发表了资讯
2020/02/26 10:00

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

更新项: 增加提示消息、操作成功、操作失败提示窗消失时的回调,msg.info() 、 msg.success()、 msg.failure() 这三个都支持这种方式。使用如: msg.info('Hello Msg', function(){   alert(123); }); msg.js ,纯原生 JavaScript 无任何三方框架! 快速使用 第一步,引入 msg.js <script src="https://res.weiunity.com/msg/msg.js"></script> 第二步,一行代码使用 msg.info('Hello Msg')...

4
47
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
12 评论
92 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部