慕课网清风老师的《弹出层效果》这部教程中。http://www.imooc.com/learn/58
当点击登陆按钮时候,生成一个透明度为50%的‘遮罩层’和一个登陆框。这个已经成功实现了,没有问题。
但是,现在我想点击关闭按钮,关闭遮罩层和登陆框。(见77-83行代码)我用removeChild来删除之前生成的节点却不成功,请问是哪里出问题了?
效果如下动态图:
慕课网-弹出层
慕课网
换一种方式
来学习互联网编程
超酷的IT技术免费学习平台
每一节课都有一种新奇的感觉
-
IT菜鸟逆袭指南(江湖篇)
屌爆了!码农逆袭有秘诀,看“挨踢(IT)”小菜鸟慕无忌如何成为技术“土豪”。
16人参加 课程时长:1小时
-
分享:HTML5离线应用实战演练...
FT Web App是少数真正实现了离线阅读体验的移动应用之一,一起来剖析它的技术吧!
39人参加 课程时长:2小时
-
分享:移动优先的跨终端 Web
不可多得的学习宝典,移动互联时代,您必须知道的跨终端技术。
261人参加 课程时长:1小时
-
分享:响应式布局
让网站兼容不同终端不再是梦,为解决移动互联网浏览而诞生。
148人参加 课程时长:1小时
-
案例:表单美化
追求不凡,一次学习四类表单控件的美化,让所有平淡的表单控件瞬间美好起来!
105人参加 课程时长:2小时
-
案例:表单验证
技术升级必修内容! 通过对学习输入框的验证,轻松掌握正则表达式的用法!
81人参加 课程时长:1小时
点击进入
换一种方式思考,半透明的遮罩层、关闭按钮、login模块不用js来添加,在DOM里写好 设置display:none,什么时候要显示js设置为block,也不会妨碍页面加载时获取它们的id
那就这样写:
var sheight=document.documentElement.scrollHeight;//获取页面高度
var swidth =document.documentElement.scrollWidth;//获取页面宽度
var wheight=document.documentElement.clientHeight;//获取可视区域的高度
var wwidth=document.documentElement.clientWidth;//获取可视区域的宽度
var obtn=document.getElementById('btnLogin');//抓取id为btnLogin的登陆按钮
obtn.onclick=function (){//点击登陆按钮时创建 1.遮罩层; 2.创建登陆框
}
function closeThis(node,log){
}
因为压根找不到close这个btn啊。
你得在渲染完这个overlay之后才能找到close这个btn 再执行。因为是跑完代码,你的closebtn还没写进去呢