layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子

layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/

可以从官网上下载最新版本.

使用layer实现登录弹框，登录成功以后关闭弹框，并调用父窗口方法。

1.界面如下：

2.login.html的界面主要代码:

 
  
   手机号码：
   
    
   
   *
  
  
   密 码：
   
    
   
   *
  
  
   验证码：
   
    
   
   
   *
  

3.点击登录按钮，登录成功以后，调用父窗口的方法，并关闭弹窗，其js代码如下（这段代码是嵌入在login.html中）：

3.父窗口的layer弹框代码（layer.js的引入省略），一般是点击登录按钮，跳出登录弹框：

      $(function(){
      $('#u_login').on('click', function(){
layer.open({
 type: 2,
 title: '用户登录',
 maxmin: true,
 skin: 'layui-layer-lan',
 shadeClose: true, //点击遮罩关闭层
 area : ['400px' , '280px'],
 content:'login.html'//弹框显示的url
});
      });

以上只是主要代码，必须先引入JQuery与layer.js，仅供参考。

以上这篇layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。