马上加入IBC程序猿 各种源码随意下,各种教程随便看! 注册 每日签到 加入编程讨论群

C#教程 ASP.NET教程 C#视频教程程序源码享受不尽 C#技术求助 ASP.NET技术求助

【源码下载】 社群合作 申请版主 程序开发 【远程协助】 每天乐一乐 每日签到 【承接外包项目】 面试-葵花宝典下载

官方一群:

官方二群:

分享纯原生JS写的精美弹框提示,符合现代潮,效果媲美大厂作品

[复制链接]
查看4133 | 回复3 | 2017-2-19 22:58:09 | 显示全部楼层 |阅读模式
分享源码由自己写的。。效果绝对媲美当前主要流行框架bootstarp,foundation,layer,element这些UI框架的弹框。
其实效果主要是模仿饿了么的element UI框架里面的弹框。但是调用方式简单以及提供的API简洁程度他们还是比不上。只不过性能上可能不如他们而已。
做项目一般都会用到弹框提示。但是仅仅为了一个弹框而引进一个框架而不是最优解决方案。网上也有很多弹框插件。但是自己写的自己修改起来确实很容易。。这个弹框插件是沿着上次分享的那个基础上重新塑造了一个弹框UI。样式效果主要模仿是element。主要定义了三种弹框。我理解为这样
1、模态对话框(  msgDialog )  API:alert, confirm, prompt
2、消息提示框(  msgTip )  API: info, warn, success, error
3、系统通知框(  msgNotify ) API: alert (由于时间关系本来也打算分info,warn,error,success。但是现在没有分,而且第三个框留下了一个bug等以后用这个插件的时候再去修改。)

系统通知框的bug:当我关闭中间的时候,下面的没有做顶上去的操作。在继续加的话会覆盖最后一个上面。
下面就是效果图。


QQ图片20170219223307.png
QQ图片20170219223247.png
QQ图片20170219223319.png

弹框源码.rar

8.23 KB, 下载次数: 22

桂林一枝花 | 2017-2-19 23:00:12 | 显示全部楼层
1楼还是给自己
Amy尾巴 | 2017-2-21 08:58:14 | 显示全部楼层
++++++赞
ibcadmin | 2017-2-22 09:08:39 | 显示全部楼层
+1
C#论坛 www.ibcibc.com IBC编程社区
C#
C#论坛
IBC编程社区
*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则