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

2019-02-2714:53:48WEB前端开发Comments4,536 views字数 646阅读模式

layerui使用方法

  1. 下载本插件（见文章最后）
  2. 将其放到网站的任意一个目录，我们通常放到/static/layer/这个目录下。
    jquery页面弹出浮动层特效layerui,适用移动端和电脑端
  3. 页面引用，在需要引用的页面，加入以下代码 ：
  4. 1
    <script src="/static/layer/layer.js"></script>

下面演示几种调用方法

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

jquery页面弹出浮动层特效layerui,适用移动端和电脑端文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/9707.html

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

jquery页面弹出浮动层特效layerui,适用移动端和电脑端文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/9707.html

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

jquery页面弹出浮动层特效layerui,适用移动端和电脑端文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/9707.html

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

jquery页面弹出浮动层特效layerui,适用移动端和电脑端文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/9707.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/9707.html

http://layer.layui.com/ pc端文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/9707.html

移动端：http://layer.layui.com/mobile/文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/9707.html

  • 本站内容整理自互联网，仅提供信息存储空间服务，以方便学习之用。如对文章、图片、字体等版权有疑问，请在下方留言，管理员看到后，将第一时间进行处理。
  • 转载请务必保留本文链接：https://www.cainiaoxueyuan.com/gcs/9707.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定