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

弹出层效果

难度初级
时长25分
学习人数
综合评分9.60
176人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 非IE:opacity IE:filter:alpha(opacity=某个小于100的数)
    查看全部
    0 采集 收起 来源:静态页面实现

    2015-07-26

  • 弹出层效果涉及知识点
    查看全部
    0 采集 收起 来源:效果简介

    2015-07-26

  • position:fixed 静止定位
    查看全部
    0 采集 收起 来源:静态页面实现

    2015-07-25

  • 绝对定位可以遮住全部
    查看全部
    0 采集 收起 来源:静态页面实现

    2015-07-25

  • js 双引号内不能再使用双引号
    查看全部
    0 采集 收起 来源:JS实现登录框

    2015-07-25

  • js 每一个换行会指向一个新的语句
    查看全部
    0 采集 收起 来源:JS实现登录框

    2015-07-25

  • 追加节点
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2015-07-25

  • 获取页面的高度和宽度
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2015-07-25

  • 获取页面的高度
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2015-07-25

  • 获取节点
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2015-07-25

  • window.onload 页面加载完毕后执行
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2015-07-25

  • oMask.onclick = oClose.onclick = function(){ document.body.removeChild(xxx) }
    查看全部
    0 采集 收起 来源:实现动态效果

    2015-07-24

  • 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

  • window.onload的意义是文档页面加载完获取结点。因为有些结点是文档没加载完获取不到的。 var sHeight=document.documentElement.scrollHeight;获取页面高度 var sWidth=document.documentElement.scrollWidth;获取页面宽度 var omask=document.createElement("div");创建结点 document.body.appendChild(oMask);在页面上追加结点(显示) 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、这时载刷新页面就出现刚才创建的遮罩层了
    查看全部
    1 采集 收起 来源:JS实现遮罩层

    2018-03-22

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

    2015-07-21

举报

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

微信扫码,参与3人拼团

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

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