精华内容
下载资源
问答
  • layer插件

    2019-04-23 10:46:21
    前端做手机页面的时候没用bootstrap,对于显示页面加载等用了layer这个插件也可以做。 显示加载的代码:(有多种样式,这里用的样式很简单,具体参考 ... layer.load(1); layer.load();...layer.load(2);...

    前端做手机页面的时候没用bootstrap,对于显示页面加载等用了layer这个插件也可以做。

    显示加载的代码:(有多种样式,这里用的样式很简单,具体参考

    https://jingyan.baidu.com/article/425e69e602978cbe15fc16b0.html

     layer.load(1);
    layer.load();
    layer.load(2);

    在项目中使用了layer作为弹出层,要求执行完某项命令后,页面跳转。发现直接跳转是在弹层内发生跳转,需要先关闭弹层。

    关闭弹层的命令:layer.closeAll();//关闭所有弹层

    但是当我先执行了关闭弹层后,实际上页面跳转的操作也执行不了了。所以应该利用layer的parent属性。

    关闭前先跳转,再关闭。parent可以请求到父元素,也就是上一个页面的操作。

     window.parent.location.href="../pages/pay-success.html";
     parent.layer.closeAll();

     

    展开全文
  • layer插件压缩包

    2018-05-18 15:08:45
    layer插件,帮助web前端开发,是一个web弾层组件,兼容包括IE6在内的所有主流浏览器
  • layer插件的css资源

    2018-10-27 11:44:02
    针对前端jsp中的弹窗的优化插件,layer插件,使弹窗更漂亮,更美化
  • layer插件的js文件

    2018-10-27 11:45:06
    针对前端jsp中的弹窗的优化插件,layer插件,使弹窗更漂亮,更美化
  • layer插件的使用Demo

    2015-09-09 15:57:05
    asp.net做的一个layer插件的使用例子
  • 今天小编就为大家分享一篇layer插件select选中默认值的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layer插件下载

    2018-01-30 16:24:29
    layer,一个可以让你想到即可做到的web弹窗(层)解决方案(js组件),作者贤心(前端开发工程师)。layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。其意义在于,可以让您的页面拥有更丰富与便捷的操作...
  • javaWeb中使用layer插件

    2019-04-06 12:27:00
    (一)准备工作:在使用layer之前,首先得导入layer插件包,以及jquery插件(注意:jquery版本需大于1.8,否则不生效)这里给大家这两个插件的下载地址以及layer的官方API 地址: ①layer插件:...

    本文主要介绍javaWeb中使用layer弹出层以及关闭弹出层

    (一)准备工作:
    在使用layer之前,首先得导入layer插件包,以及jquery插件(注意:jquery版本需大于1.8,否则不生效
    这里给大家这两个插件的下载地址以及layer的官方API 地址:

    ①layer插件:http://layer.layui.com/      

    ②jquery插件:http://www.jq22.com/jquery/jquery-1.9.1.zip

    layer官方API 地址: https://www.layui.com/doc/modules/layer.html

     


    大家自行下载插件之后,需要在页面引入js资源,如:

    <script src="/third/jquery/jquery-1.9.1.js"></script>

    <script src="/third/layer-v3.1.1/layer/layer.js"></script>

     

    (二)开始使用:

    现在准备工作完成了,我们现在开始使用layer!

    (1)layer的父页面(user_list.jsp)

     ①js代码部分

     1  <script type="text/javascript">
     2  
     3   // 打开修改页面
     4   function openEdit() {
     5      var index = layer.open({  // 给当前layer弹出层赋值为index(在关闭弹窗时需要使用)
     6        type: 2,  // 设置弹出层的类型(默认为0)
     7        area: ['90%', '90%'], // 设置弹出层的大小
     8        fix: false,   // 不固定(默认true,即鼠标滚动时,弹出层是否固定在可视区域。)
     9        maxmin : true,  // 最大最小化(该参数值对type : 1和type : 2有效。默认不显示)
    10        title: '修改用户信息填写',  
    11        content: 'user_edit.jsp', // 要跳转的页面地址(跟超链接是一样的形式,也可拼接赋值)
    12        end: function() {  //   弹出层销毁后触发的回调(只要弹出层被销毁了,end都会执行)
    13          location.reload();    // 重新加载当前页面
    14      }
    15    });
    16   }
    17  
    18  </script>

     

    ②jsp页面部分:


    1
    <a href="javascript:void(0)" οnclick="openEdit()" >修改用户信息</a>


     

     

     

    (2)layer的子页面(user_edit.jsp)

    ①js代码部分:

    这里需要注意,function的名称不能为submit(function submit(){}),否则layer关闭会无法生效,因为submit()方法为js定义好的表单提交方法,不能作为function方法名。

    1 <script type="text/javascript">
    2 
    3   function closeLayer() {  
    4     var index = parent.layer.getFrameIndex(window.name);  // 获取父页面layer窗口索引
    5     parent.layer.close(index)     // 直接关闭layer
    6   }
    7 
    8 </script>

     

     

    ②jsp页面部分:

    在修改完成提交表单时,需要执行closeLayer()函数

     


    1
    <input type="submit" value="提交" οnclick="closeLayer()" />

     

    完成上面的操作,就可以轻松实现layer插件的弹出层打开和关闭操作。

     

    转载于:https://www.cnblogs.com/fy0206/p/10661362.html

    展开全文
  • 本文是自己整理的关于layer插件的icon样式结果 一、准备工作  下载jQuery插件和layer插件,并引入插件(注意:jQuery插件必须在layer插件之前引用)  百度云资源链接:  jQuery插件:链接:...

    本文是自己整理的关于layer插件的icon样式结果

    一、准备工作

      下载jQuery插件和layer插件,并引入插件(注意:jQuery插件必须在layer插件之前引用)

      百度云资源链接:

      jQuery插件:链接:https://pan.baidu.com/s/1P8wGff6UfVn5JaplH4uysw 密码:rms3

      layer插件:链接:https://pan.baidu.com/s/1EuTF0DBY_azdQhcRCl0yBA 密码:xvjh

     

    二、icon样式测试

     

    三、测试代码

    $(function(){
      layer.confirm('icon测试', {icon: 7, title:'提示'}, function(index){
        alert("确认");
        layer.close(index);   }); })

      

    转载于:https://www.cnblogs.com/javahr/p/9313977.html

    展开全文
  • 本文是自己整理的关于layer插件的询问框样式结果 一、准备工作  下载jQuery插件和layer插件,并引入插件(注意:jQuery插件必须在layer插件之前引用)  百度云资源链接:  jQuery插件:链接:...

    本文是自己整理的关于layer插件的询问框样式结果

    一、准备工作

      下载jQuery插件和layer插件,并引入插件(注意:jQuery插件必须在layer插件之前引用)

      百度云资源链接:

      jQuery插件:链接:https://pan.baidu.com/s/1P8wGff6UfVn5JaplH4uysw 密码:rms3

      layer插件:链接:https://pan.baidu.com/s/1EuTF0DBY_azdQhcRCl0yBA 密码:xvjh

     

    二、询问框测试

     

    三、测试代码

    $(function(){
      layer.confirm('您是如何看待前端开发?', 
    	{
    	  icon: 7, //询问框icon图标
    	  title:'询问框测试',//询问框标题
    	  btn:['重要','奇葩']//询问框按钮
    	}, 
    	function(){
      	  layer.msg("的确很重要",{//按钮一提示语
      		icon:1//提示语icon图标
      	  });
    	},
    	function(){
      	  layer.msg("也可以这样",{//按钮二提示语
      		time:20000,//提示语停留时间:20s
      		btn:['明白了','知道了']//提示语按钮
      	  });
    	}
      );
    })
    

      

    转载于:https://www.cnblogs.com/javahr/p/9314077.html

    展开全文
  • 本文是自己整理的关于layer插件的提示层的结果 一、准备工作  下载jQuery插件和layer插件,并引入插件(注意:jQuery插件必须在layer插件之前引用)  百度云资源链接:  jQuery插件:链接:...
  • layer.js(mobile)是一个小巧方便的弹出层插件,在之前的apicloud项目中被大量使用,但最近对apicloud的IDE、非常不友好的文档...这篇文章主要介绍了vue-cli脚手架引入弹出层layer插件的几种方法,需要的朋友可以参考下
  • 弹出框layer插件

    2016-08-22 15:00:00
    有时候我们在网页制作中需要引用各种弹出框,弹出框的展现形式多种多样。...layer插件运行环境是jQuery1.8及以上,因为layer是基于jQuery的一个插件,必须引入。layer引入文件的代码应该放在页面底部。代码...
  • layer插件layer.photos()动态插入的图片无法正常显示,点击后面插入的图片,显示的是之前的图片列表,再次点击又是正常 有朋友遇到同样的问题 http://fly.layui.com/jie/4124.html layer v2.4 弹层组件layer.photos...
  • layer插件移动端弹出框示例

    千次阅读 2017-11-28 09:37:07
    // layer插件移动端弹出框示例//信息框 layer.open({ content: '移动版和PC版不能同时存在同一页面' ,btn: '我知道了' }); //提示 layer.open({ content: 'hello layer' ,skin: 'msg' ,time: 2 //2秒后...
  • Layer插件弹出层

    2018-07-17 17:38:37
    今天在项目上运用到了layer插件,处理用户登录的问题。后台登录时,设置了session去记录用户信息(密码,用户名等)。 问题1:修改密码成功,重新登录时,却提示密码错误 详情:做密码修改功能,密码命名修改成功了...
  • 使用layer插件模拟excel批注效果  最近收到需要在网页上显示类似excel批注效果的需求.鼠标移上文字获取点击文字时就显示出提示信息 效果图: 鼠标移上标注说明时就显示出提醒信息. 具体实现: 利用layer插件,...
  • 今天小编就为大家分享一篇layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 基于layer插件的小实例:弹框图片

    千次阅读 2018-07-23 10:34:21
    layer插件是前端中的一个功能非常强大的插件,它的弹框功能非常实用,是前端设计与学习必不可少的一环。  准备工作:下载layer (官网:http://layer.layui.com/) 一:图片弹窗(先上正题再闲扯)  1.创建...
  • layer插件弹出显示圆角

    千次阅读 2016-11-10 10:18:00
    只好baidu一下,也没找到好的解决方案,只好去分析一下layer插件的样式,发现弹出层div 有个layui-layer的样式,有名堂, 1.在浏览器点掉 background-color:点掉 #fff,居然可以显示圆角了 2.把这个 border-radius ....
  • layer插件常用函数

    2020-10-21 06:39:17
    layer是一款常用的jQuery弹出层插件,可以从layer官网https://layer.layui.com/中下载,将解压后的layer文件夹移动到项目中并引入jquery.js, layer.js后即可使用。 layer提供了丰富的功能供开发者选用: 下面介绍下...
  • 弹窗alert:默认确定按钮+右上角关闭top.layer.alert("请选择要删除的记录!",{shade: 0.3,offset:'250px'});弹窗alert:默认确定按钮(closeBtn:false是让关闭失效隐藏)top.layer.alert("请选择要删除的记录!",{...
  • layer 插件与datetimepicker插件层叠冲突

    千次阅读 2018-04-14 13:37:50
    AJAX 异步传值 返回值用layer弹出显示,显示的...搜了百度,看了下大神们的解释,说是在layer成功后再调用时间插件,但是我调用了后还是不显示,后面自己检查代码,发现是layer的z-index的值大于datetimepicker的z-i...
  • vue引入layer踩坑 本想引用layer中的confirm确认框 ...下载layer插件成功引入 接着只有下载完整版的layer插件,放在static文件目录下, 再index.html文件中引入全局js和css文件 再项目中就可以使...
  • layer插件问题

    2017-02-14 17:38:48
    top.layer.alert("活动ing", function(){iosAndroidId(id);});执行完前面的之后,执行后面的函数 当时没有把执行的函数放在里面,导致js的执行出现问题,找了很久也没找到问题,谨记好好了解用法,再开始使用

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,479
精华内容 10,991
关键字:

layer插件