html引入layer.js,html/css/js-layer弹出层的初次使用

学习前端有时很多时候要用到弹出层，原生的js写有些麻烦，而且不美观，基于jQuery的弹出层组件layer应运而生，近些年来备受青睐。官网上有使用教程，但当初用的时候还是糊里糊涂，今天来记录一下layer组件的步骤

1step:

新建一个html文件，并引入下载好的jQuery和layer.js。

2step:

码字

点击我

注册

快速登录

 我已阅读并接受鹦鹉网

《服务协议》

和

《账户协议》

注      册

//注册弹出层

function openRegister(){

layer.open({

type: 1,

title: false,

area : ['360px' , '400px'],

closeBtn: 0,

shadeClose: true,

skin: 'yourclass',

content: $('#registerlayer'),

});

}

$(document).ready(function(){

$("#registerAgree").click(function(){

var check=document.getElementById("registerAgree");

if(check.checked!=true){

$("#register").css("background","#ccc");

}

else {

$("#register").css("background","#6FAC22");

}

});

});

layer弹出层

最近因为项目要求做了一个layer弹出层demo,先看效果图 好了,现在开始上代码 index.jsp

js插件---弹出层sweetalert2(总结)

js插件---弹出层sweetalert2(总结) 一.总结 一句话总结: sweetalert2的效果非常好,效果比较Q萌,移动端适配也比较好,感觉比layer.js效果好点 1.SweetAler ...

layer弹出层右上角的关闭按钮怎么没有显示

问题描述:layer弹出层右上角的关闭按钮怎么没有显示,但鼠标移上去又可以点击 解决方式: 这是因为样式中需要一个图标,你的项目中缺少.解决如下:1.下载图标:http://www-x-zi-han- ...

js简单弹出层、遮罩层

js简单弹出层