基于jquery的组件开发-mask

mask

一个常用的浮层组件，自己写的，基于jquery，业务需求，样式基于支付宝ui规范

mask.js 1.0版本

mask2.js 升级版本

效果截图如下所示：

调用方法如下：

1. modal式调用

   $.mask({  title: 'hello',  text: '我是text信息',  type: 'normal', //[normal|alert|content]  buttons: [{      buttonTxt: '立即开启1',      buttonFn: function() {          console.log(1)      }  }, {      buttonTxt: '立即开启2',      buttonFn: function() {          console.log(2)      }  }]});

2. 内容式调用

   $.mask({title: '请汇款至下方账号：',text: [    '<font color="#888">账户名：</font>上海限公司',    '<font color="#888">账户号：</font>0207 000 9455',    '<font color="#888">开户号：</font>中国民黄浦支行'],tips: [    '·汇款时需备注信息：贵公司名称 + 订单金额',    '·收款后的2个工作日内将向您的企业账户充值'],type: 'content', //[normal|alert|content]buttons: [{    buttonTxt: '立即开启1',    buttonFn: function() {        console.log(1)    }}],close: true});

3. toast式调用

   $.mask({type: 'alert',alertTime: 2000,alertTips: '请汇款至下方账号：'})

源码地址请戳→ http://git.oschina.net/zula_zhu/mask 如果觉得ok，请star一下~~O(∩_∩)O谢谢