为了账号安全,请及时绑定邮箱和手机立即绑定

弹出层效果

难度初级
时长25分
学习人数
综合评分9.60
176人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 个人觉得直接写到页面里好点 dom多了影响性能 遮罩层也不必那么麻烦设宽高 直接 fixed 上下左右等于0就好了
    查看全部
    1 采集 收起 来源:JS实现遮罩层

    2016-11-07

  • Beijing
    查看全部
    0 采集 收起 来源:效果简介

    2016-11-03

  • 弹出框
    查看全部
    0 采集 收起 来源:编程挑战

    2016-10-31

  • JS创建一个遮罩层: 1、创建遮罩层: ①js实现元素的添加(即创建元素节点)方法:var oMask=document.createElement("标签名"); ②给创建的元素一个id:oMask.id="mask"; 2、获取页面的高度和宽度: var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.给遮罩层加上宽高: ①给刚才创建的元素设置高度和宽度为页面高度和宽度,别忘了加单位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到这一步刷新页面,并没有创建的那个元素显示,为什么? 创建的元素目前还停留在JS里面,它并没有向文档插入节点,所以要做下一步插入节点 5、将遮罩层插入到页面中 ①插入节点: document.body.appendChild(oMask);这就是在页面的尾部追加节点 6、这时载刷新页面就出现刚才创建的遮罩层了 在JS里创建节点 var XX=document.creatElement("div"); 节点id创建 XX.id="mask"; 给其添加css样式 XX.style.width=100+"px"; 在页面尾部追加节点 document.body.appendChild("XX");
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2018-03-22

  • //获取整个页面高度和宽度 var sHeight = document.documentElement.scrollHeight; var sWidth = document.documentElement.scrollWidth; //获取可视区的高度和宽度 var wHeight = document.documentElement.clientHeight; var wWidth = document.documentElement.clientWidth; //获取某元素的高度和宽度,举例获取Login的高度宽度 var dHeight = Login.offsetHeight; var dWidth = Login.offsetWidth;
    查看全部
    0 采集 收起 来源:实现动态效果

    2016-10-22

  • margin: auto只在未设置float或者position不为absolute不为fixed的条件下才能生效. 页面的宽度和高度:scrollHeight、scrollWidth 可视区域的高度和宽度:clientHeight、clientWidth
    查看全部
    0 采集 收起 来源:JS实现登录框

    2016-10-22

  • JS创建一个遮罩层: 1、创建遮罩层: ①js实现元素的添加(即创建元素节点)方法:var oMask=document.createElement("标签名"); ②给创建的元素一个id:oMask.id="mask"; 2、获取页面的高度和宽度: var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.给遮罩层加上宽高: ①给刚才创建的元素设置高度和宽度为页面高度和宽度,别忘了加单位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到这一步刷新页面,并没有创建的那个元素显示,为什么? 创建的元素目前还停留在JS里面,它并没有向文档插入节点,所以要做下一步插入节点 5、将遮罩层插入到页面中 ①插入节点: document.body.appendChild(oMask);这就是在页面的尾部追加节点 6、这时载刷新页面就出现刚才创建的遮罩层了 在JS里创建节点 var XX=document.creatElement("div"); 节点id创建 XX.id="mask"; 给其添加css样式 XX.style.width=100+"px"; 在页面尾部追加节点 document.body.appendChild("XX");
    查看全部
    1 采集 收起 来源:JS实现遮罩层

    2018-03-22

  • 1、透明度写法: opacity:0.75; //设置透明度 filter:alpha(opacity=75);//专门为兼容IE使用滤镜。 2、遮罩层绝对定位,页面中有些块在遮罩层上方时,这时设置z-index 3、登陆框的外层框fixed固定定位,fixed静态定位是相对整个屏幕的。比如:position:fixed;left:30%;top:30%; 4、登录框相对定位,关闭按钮绝对定位
    查看全部
    0 采集 收起 来源:静态页面实现

    2016-10-22

  • JS创建一个遮罩层: 1、创建遮罩层: ①js实现元素的添加(即创建元素节点)方法:var oMask=document.createElement("标签名"); ②给创建的元素一个id:oMask.id="mask"; 2、获取页面的高度和宽度: var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.给遮罩层加上宽高: ①给刚才创建的元素设置高度和宽度为页面高度和宽度,别忘了加单位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到这一步刷新页面,并没有创建的那个元素显示,为什么? 创建的元素目前还停留在JS里面,它并没有向文档插入节点,所以要做下一步插入节点 5、将遮罩层插入到页面中 ①插入节点: document.body.appendChild(oMask);这就是在页面的尾部追加节点 6、这时载刷新页面就出现刚才创建的遮罩层了 在JS里创建节点 var XX=document.creatElement("div"); 节点id创建 XX.id="mask"; 给其添加css样式 XX.style.width=100+"px"; 在页面尾部追加节点 document.body.appendChild("XX");
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2018-03-22

  • 4.创建元素:document.createElement() 5.在页面底部添加元素:document.body.appendChild() 6.删除元素:document.body.removeChild() 7.不要忘记单位"px",left:width/2+"px",top:height/2+"px"。
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • document.documenElement.scrollHeight;获取页面的高度。 document.documenElement.scrollWidth; 获取页面的宽度 document.documenElement.clientHeight; 获取页面可视区域的高度。
    查看全部
    0 采集 收起 来源:练习题

    2016-10-14

  • margin: auto只在未设置float或者position不为absolute不为fixed的条件下才能生效. 页面的宽度和高度:scrollHeight、scrollWidth 可视区域的高度和宽度:clientHeight、clientWidth
    查看全部
    0 采集 收起 来源:JS实现登录框

    2016-10-14

  • JS创建一个遮罩层: 1、创建遮罩层: ①js实现元素的添加(即创建元素节点)方法:var oMask=document.createElement("标签名"); ②给创建的元素一个id:oMask.id="mask"; 2、获取页面的高度和宽度: var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.给遮罩层加上宽高: ①给刚才创建的元素设置高度和宽度为页面高度和宽度,别忘了加单位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到这一步刷新页面,并没有创建的那个元素显示,为什么? 创建的元素目前还停留在JS里面,它并没有向文档插入节点,所以要做下一步插入节点 5、将遮罩层插入到页面中 ①插入节点: document.body.appendChild(oMask);这就是在页面的尾部追加节点 6、这时载刷新页面就出现刚才创建的遮罩层了 在JS里创建节点 var XX=document.creatElement("div"); 节点id创建 XX.id="mask"; 给其添加css样式 XX.style.width=100+"px"; 在页面尾部追加节点 document.body.appendChild("XX");
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2018-03-22

  • 我的天啊,有个别获取顺序错了就一直没出来
    查看全部
    0 采集 收起 来源:编程挑战

    2016-10-12

举报

0/150
提交
取消
课程须知
1.您至少具备HTML+CSS样式基础知识;2.您至少具备JavaScript基础知识。
老师告诉你能学到什么?
1.学会DOM操作创建、插入和删除结点元素。2.学会position、fixed属性固定元素位置3.学会使用z-index改变元素的层级

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!