弹出层效果_学习笔记

首页免费课弹出层效果笔记

弹出层效果

最热最新

Zayne137

先对阴影做绝对定位，设置透明度时注意IE和非IE的不同点。再做登录框时使用fixed，相对于屏幕定位。最后做一个关闭按钮，也是绝对定位。

查看全部

0 采集收起来源：静态页面实现
2015-09-12
乐来越快乐 02:32

弹出层的知识点

查看全部

0 采集收起来源：效果简介
2015-08-27
霜郁馨 04:48

弹出模态框

查看全部

0 采集收起来源：实现动态效果
2015-08-26
霜郁馨

弹出模态框

查看全部

0 采集收起来源：实现动态效果
2015-08-26
程显艺

获取可视区域的宽高 document.documentElement.clientHeight获取可视区域的高度； document.documentElement.clientWidth获取可视区域的宽度；注：如果页面是竖向的页面，那么可视区域的宽度(clientWidth)和页面宽度(scrollWidth)是一样的；

查看全部

0 采集收起来源：JS实现登录框
2015-08-22
程显艺

window.onload的意义是文档页面加载完获取节点，有些节点在文档没加载完获取不到，会出现报错 var sHeight=document.documentElement.scrollHeight;获取页面高度 var sWidth=document.documentElement.scrollWidth;获取页面宽度 var oMask=document.createElement("div");创建节点 document.body.appendChild(oMask);在页面上追加节点（显示） window.onload=function(){ var oBtn=document.getElementById("btnLogin"); //获取变量 //获取页面的高度和宽度 var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; //重新创建一个节点 var oMask=document.createElement("div"); oMask.id="mask"; //设置高度与获取到的高度和宽度一样的值 oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; // 追截节点类似插入文档 document.body.appendChild(oMask);

查看全部

0 采集收起来源：JS实现遮罩层
2018-03-22
qq_猜心妙手_0

弹出层设计：遮罩层：使用绝对定位absolute： top/left:0px; 不要忘记背景透明opacity：0-1；filter：opacity（0-100）；还有层级设定：z-index：100；登录层：固定定位fixed left/top：30%;设定层级高于找这层z-index：101；

查看全部

0 采集收起来源：练习题
2015-08-06
VirgoYellow 03:58

//获取页面的高度和宽度 var sHeight = document.documentElement.scrollHeight; var sWidth = document.documentElement.scrollWidth; //获取页面的可视高度和宽度 var wHeight = document.documentElement.clientHeight; var wWidth = document.documentElement.clientWidth;

查看全部

0 采集收起来源：实现动态效果
2015-08-04
TAMJING

运用JS技术，实现点击登录按钮后，弹出登录框，当点击关闭后，让登录框消失。（CSS）

查看全部

0 采集收起来源：编程练习
2015-08-04
TAMJING

运用JS技术，实现点击登录按钮后，弹出登录框，当点击关闭后，让登录框消失。（HTML）

查看全部

0 采集收起来源：编程练习
2015-08-04
_Mok

window.onlaod=function () { var oBtn = document.getElementById(""); var sHeight = document.documentElement.scrollHeight; var sWidth = document.documentElement.scrollWidth; var oMask = document.createElement("div"); oMask.id = "Mask"; oMask.style.height = sHeight + "px"; oMask.style.width = sWidth + "px"; document.body.appendChild(oMask); };

查看全部

0 采集收起来源：JS实现遮罩层
2018-03-22
_Mok 02:28

基本知識點

查看全部

0 采集收起来源：效果简介
2015-08-03
独行狼

弹出层登录

查看全部

0 采集收起来源：编程练习
2015-08-02
梦身

shihsi

查看全部

0 采集收起来源：编程挑战
2015-07-26
梦身

登陆框遮罩代码

查看全部

0 采集收起来源：编程练习
2015-07-26