比较实用的弹出插件 Layer For Mobile

今天像大家推荐一下比较实用的弹窗插件，以前我都是自己手写的，觉得自己写的方便一些，可是后台哥看了一下觉得比较比较乱 不方便统一管理 给我推荐了这个插件，让我有时间看看 试试这一种方式， 发现还不错 推荐给大家

1501221498(1).png

/** 以下是小试牛刀的调用代码（此处不展示事件绑定）*/

  //信息框
  layer.open({
    content: '移动版和PC版不能同时存在同一页面'
    ,btn: '我知道了'
  });
  
  //提示
  layer.open({
    content: 'hello layer'
    ,skin: 'msg'
    ,time: 2 //2秒后自动关闭
  });
  
  //询问框
  layer.open({
    content: '您确定要刷新一下本页面吗？'
    ,btn: ['刷新', '不要']
    ,yes: function(index){
      location.reload();
      layer.close(index);
    }
  });
  
  //底部对话框
  layer.open({
    content: '这是一个底部弹出的询问提示'
    ,btn: ['删除', '取消']
    ,skin: 'footer'
    ,yes: function(index){
      layer.open({content: '执行删除操作'})
    }
  });
  
  //底部提示
  layer.open({
    content: '一个没有任何按钮的底部提示'
    ,skin: 'footer'
  });
  
  //自定义标题风格
  layer.open({
    title: [
      '我是标题',
      'background-color: #FF4351; color:#fff;'
    ]
    ,content: '标题风格任你定义。'
  });
  
  //页面层
  layer.open({
    type: 1
    ,content: '可传入任何内容，支持html。一般用于手机页面中'
    ,anim: 'up'
    ,style: 'position:fixed; bottom:0; left:0; width: 100%; height: 200px; padding:10px 0; border:none;'
  });
  
  //loading层
  layer.open({type: 2});
  
  //loading带文字
  layer.open({
    type: 2
    ,content: '加载中'
  });

一个比较好看的移动端日期插件mobiscroll
http://www.qdfuns.com/notes/16548/0978096fe89e98a861ef1b43b40f0c7d.html

一个比较好看的移动端日期插件mobiscroll
http://www.qdfuns.com/notes/16548/0978096fe89e98a861ef1b43b40f0c7d.html
这里是官方网址 感兴趣的朋友可以试一下
http://layer.layui.com/mobile/api.html