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

弹出层效果

难度初级
时长25分
学习人数
综合评分9.60
176人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 1、事件处理:当事件发生(如onclick)后,对这个事件进行的反馈、程序、执行函数等都叫做事件处理。 2、事件串起来的写法:oMask.onclick=oClose.onclick=function(){ } 3、删除页面里边body的节点oMask: document.body.removeChild(oMask);//删除文档内部body下面的子节点oMask 也就是说,只有当oMask是body的子节点时,这样删才有用;如果是其他部分的操作,需要先找到它的父节点,然后再进行操作
    查看全部
    0 采集 收起 来源:实现动态效果

    2015-04-09

  • 1、获取可视区域的宽高 document.documentElement.clientHeight获取可视区域的高度; document.documentElement.clientWidth获取可视区域的宽度; 注:如果页面是竖向的页面,那么可视区域的宽度(clientWidth)和页面宽度(scrollWidth)是一样的; 2、document.body.appendChild();为body插入一个元素; 3、①在JS里每一个换行就相当于执行一个新的语句, ❷如果外围是上引号,里面是不能用双引号的。 因为在这里双引号代表字符串的结束和开始,所以要把里面的双引号换成单引号 比如:oLogin.innerHTML="<div class='loginCon'><div id='close'></div></div>" 4、①offsetWidth/offsetHeight获取的是文档(即页面)中已有的元素的宽度和高度 ❷获取元素必须放到插入元素之后, ③如果元素只是创建了,如var oLogin=document.createElement("div"), ④而没有插入到文档中,如没有document.body.appendChild(oLogin), ⑤那么该元素只存在JS里,它没进入我们的DOM,它就是不可见的。 ⑥而offsetWidth/offsetHeight它对于这些元素是找不到的,会报错
    查看全部
    0 采集 收起 来源:JS实现登录框

    2018-03-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、这时载刷新页面就出现刚才创建的遮罩层了
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2018-03-22

  • CSS定位方式: absolute表示绝对定位; relative相对定位; fixed静止定位,固定定位; static如没有定义,默认的定位。
    查看全部
    0 采集 收起 来源:练习题

    2015-04-08

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

    2015-04-08

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

    2015-04-07

  • document.getElementById(“#div”)查找一个ID为div的节点。 document.createElement(“div”)创建一个标签名为div的节点。 document.getElementsByTagName(“div”)查找一个标签名为div的节点。
    查看全部
    0 采集 收起 来源:练习题

    2015-04-07

  • absolute表示绝对定位; relative相对定位; fixed静止定位; static如没有定义,默认的定位。
    查看全部
    0 采集 收起 来源:练习题

    2015-04-07

  • 透明度:opacity:0.75; filter:alpha(opacity=75);//专门为兼容IE使用滤镜。
    查看全部
    0 采集 收起 来源:静态页面实现

    2015-04-06

  • opcaity透明度需要考虑IE浏览器兼容,filter:alpha(opcaity=100)
    查看全部
    0 采集 收起 来源:静态页面实现

    2015-04-04

  • @弹出层效果--知识点
    查看全部
    1 采集 收起 来源:效果简介

    2015-03-28

  • document.body.appendChild(oLogin); //插入创建的登陆框
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-26

  • 遮罩层id给个css样式,背景色黑色透明度0.75;给个模拟的高度(整个页面的高度),宽度相同;绝对定位遮罩层posizition;z-index数值大在最上层;登陆框样式和关闭按钮;登陆框静止定位;关闭按钮加上绝对定位;​
    查看全部
    0 采集 收起 来源:静态页面实现

    2015-03-14

  • 确定浏览器窗口的宽高 var w=window.innerWidth(innerHeight) || document.documentElement.clientWidth(clientHeigth) || document.body.clientWidth(clientHeigth);
    查看全部
    0 采集 收起 来源:JS实现登录框

    2015-03-05

  • window.onload 事件是页面完全加载完的时候执行
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2015-02-28

举报

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

微信扫码,参与3人拼团

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

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