基于原生js的信息提醒框,优雅大方,调用方式简

基于原生js的信息提醒框,无任何依赖,开箱即用,优雅大方,调用方式简单。 使用方式

1、下载压缩包解压

2、在需要使用的页面,引入下面的文件

<link rel="stylesheet" href="message.css"> <script src="message.js"></script>

3、用下面的方式进行调用

$.message({ title:'确认要删除这条信息吗?', message:'删除后,数据将不可恢复', type:'question', showClose:true, autoClose:false, onClose: function(){ alert('取消删除') }, onConfirm: function(){ alert('删除成功') } }, 3);

在此基础上可以很方便的封装出类似于msgInfomsgWarnmsgErrormsgSuccess之类的函数。

具体使用方式和字段含义可以查看message.js和index.html的示例,message.js包含对各个参数的说明,index.html包含各种类型的提醒框。 (1)单行提示框

(2)带title的提示框

(3)带button的确认框

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。