基于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谢谢