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

弹出层效果

难度初级
时长25分
学习人数
综合评分9.60
176人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
貌似还未讲完,点击遮罩层任意位置,将关闭页面
不如直接讲js html还没分析 直接就上css
当调整窗口时怎么不发生变化 onresize事件怎么没用上
1、obj.offsetHeight可以获取写在样式文件里的属性值,而obj.style.height只能获取行内属性,在表现与结构分离的今天,这显然是不合适的

2、obj.offsetHeight返回的是一个数值,而obj.style.height返回的是一个字符串,单位是“px”

3、obj.offsetHeight是只读,而obj.style.height是可读写

4、如果没有为元素设置高度,obj.offsetHeight会根据内容获取高度值,而obj.style.height会返回undefind
棒极了。棒极了
感谢老师讲了一个使用性很强的例子,自己的技术又有了进一步的提升。
老师我爱你
课程中老师提供的弹出层页面代码中有个问题:在设置遮罩层可视区域的宽度时:
直接用的可视区域的宽度,这样如果我在较小的浏览器的可视区域状态下点击登录,此时弹出登录框且页面上有遮罩层,当我再把可视区域宽度拉大后,页面上的遮罩层就不能够完全覆盖住整个可视区域了.解决:在css中直接用: width:100%即可。
稍微修改后的代码:https://github.com/guihailiuli/imooc-practice/tree/master/pop-layer
Demo:http://huanyouchen.github.io/demo/imooc/pop-layer/popLayer.html
学习了,讲得很清晰!
好讨厌这个 视频开头 太大声了.
我直接在HTML里创建好浮层和登录框,然后js里添加onclick,控制两者显示消失。貌似可行。可惜有个BUG:
就是登录框在fixed后,无法用offsetWidth来获取相应的值,一直显示是0.只能写死了,有点不够灵活机动,老师的方法还没试,看起来貌似没啥问题
慕课的老师太NB 了。。
遮罩层是非常实用的基本功能。必学
谢谢老师,这个课程很好,非常感谢!!!!
不是可以用100%吗
课程须知
1.您至少具备HTML+CSS样式基础知识;2.您至少具备JavaScript基础知识。
老师告诉你能学到什么?
1.学会DOM操作创建、插入和删除结点元素。2.学会position、fixed属性固定元素位置3.学会使用z-index改变元素的层级

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消