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

弹出层效果

难度初级
时长25分
学习人数
综合评分9.60
176人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 弹出层
    查看全部
    0 采集 收起 来源:静态页面实现

    2016-06-07

  • 知识点 定位 absolute relative fixed 事件 onload onclick DOM操作 getElementById() scrollHeight() clienttHeight() createElenment() appendChild() removeChild()
    查看全部
    0 采集 收起 来源:效果简介

    2016-06-07

  • 1、事件处理:当事件发生(如onclick)后,对这个事件进行的反馈、程序、执行函数等都叫做事件处理。 2、事件串起来的写法:oMask.onclick=oClose.onclick=function(){ } 3、删除页面里边body的节点oMask: document.body.removeChild(oMask);//删除文档内部body下面的子节点oMask 也就是说,只有当oMask是body的子节点时,这样删才有用;如果是其他部分的操作,需要先找到它的父节点,然后再进行操作
    查看全部
    0 采集 收起 来源:实现动态效果

    2016-06-07

  • 1.可视区域的宽高: document.documentElement.clientHight, document.documentElement.clientWidth. 2.获取元素的高度和宽度,需先将该元素插入到DOM。如果没有这一步操作,那么该元素只存在JavaScript中,对于DOM而言是不可见的。 ele.offsetHeight;ele.offsetWidth
    查看全部
    0 采集 收起 来源:JS实现登录框

    2016-06-07

  • //页面的高度和宽度 document.documentElement.scrollHeight document.documentElement.scrollWidth //可视区域的高度和宽度 document.documentElement.clientHeight; document.documentElement.clientWidth; //元素的高度和宽度 $("#div").offsetHeight; $("#div").offsetWidth;
    查看全部
    0 采集 收起 来源:JS实现登录框

    2018-03-22

  • position:fixed; z-index:1001; filter: alpha(opacity=50); 1.页面的宽度和高度:document.body.scrollWidth document.body.scrollHeight 2.可视区域的高度:document.documentElement.clientHeight 3.元素的高度和宽度:Object.offsetHeight Object.offsetWidth 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

  • 1、弹出层效果 要创建一个弹出层,可以现在CSS样式表里把这个弹出层的#id和样式设好, 然后在JS里创建这个弹出层 2、要实现点击登陆框以外的区域也可以关闭登陆框 可以设一个可视区大小的遮罩层oMask,opacity设为0 oMask.onclick=oClose.onclick=function(){ }
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-07

  • 页面的高度:document.documentElement.scrollHeight||document.body.scrollHeight; 可视区的高度:document.documentElement.clientHeight; 某个元素的高度:oBject.offsetHeight;
    查看全部
    1 采集 收起 来源:编程练习

    2016-06-07

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

    2016-06-07

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

    2016-06-07

  • 可视区域的高和宽
    查看全部
    0 采集 收起 来源:JS实现登录框

    2016-06-07

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

    2016-06-07

  • 透明,兼容,定位
    查看全部
    0 采集 收起 来源:静态页面实现

    2016-06-07

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

    2016-06-07

  • 获取元素的宽度和高度,注意一定要在元素生成以后才能获取到!!
    查看全部
    0 采集 收起 来源:JS实现登录框

    2016-06-07

举报

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

微信扫码,参与3人拼团

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

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