jquery页面弹出浮动层特效layerui,适用移动端和电脑端

layerui使用方法

  1. 下载本插件(见文章最后)
  2. 将其放到网站的任意一个目录,我们通常放到/static/layer/这个目录下。
  3. 页面引用,在需要引用的页面,加入以下代码 :
  4. 1
    <script src="/static/layer/layer.js"></script>

下面演示几种调用方法

1
2
3
4
 layer.open({
    content: '移动版和PC版不能同时存在同一页面'
    ,btn: '我知道了'
  });

1
2
3
4
5
6
7
8
9
 //询问框
  layer.open({
    content: '您确定要刷新一下本页面吗?'
    ,btn: ['刷新''不要']
    ,yes: function(index){
      location.reload();
      layer.close(index);
    }
  });

1
2
 //loading层
  layer.open({type: 2});

1
2
3
4
5
6
7
8
9
 //底部对话框
  layer.open({
    content: '这是一个底部弹出的询问提示'
    ,btn: ['删除''取消']
    ,skin: 'footer'
    ,yes: function(index){
      layer.open({content: '执行删除操作'})
    }
  });

 

http://layer.layui.com/ pc端

移动端:http://layer.layui.com/mobile/

THE END