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

弹出层效果

难度初级
时长25分
学习人数
综合评分9.60
176人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
<script>
window.onload = function () {
var oBtn = document.getElementById("btnLogin");
var oMask = document.getElementById("mask");
var oLogin = document.getElementById("login");
也可以用display实现。css加上 #mask{display:none}

<div id="login-area"><button id="btnLogin" >登录</button></div>
<div id="mask">
<div id="login">
<div class="loginCon" id="loginCon"></div>
<div id="close"></div>
</div>
</div>
代码应该格式化一下吧,看着代码不对齐有点蛋疼啊
appendChild变声是什么鬼
遮罩为什么要计算高度,使用百分比100%,不就可以了
看错问题了,已经解决
创建登录框对象如何写代码
scrollHeight和appendChild都是声优附体了
一点都不低调,开头声音吓一跳,low
谢谢老师的无私奉献
-1-:获取页面总高宽度 scrollHeight、scrollWidth 做遮罩层
-2-:追加元素节点 appendChlid 添加样式
-3-:获取offsetHeight、offsetWidth 减去自身高度 给登录框居中
-4-: 删除元素节点 removeClass

默认都隐藏 点击触发事件 想的简单了 不知道对不对- -
老师好啊~~~~
学到一招a.onclick= b.onclick=function(){}
js动态创建节点。这样子可以在任意的页面上引入这个js文件去创建节点而不是每个需要的页面都去写一个节点结构。
怎么实现点击遮罩层下边的内容不可操作
课程须知
1.您至少具备HTML+CSS样式基础知识;2.您至少具备JavaScript基础知识。
老师告诉你能学到什么?
1.学会DOM操作创建、插入和删除结点元素。2.学会position、fixed属性固定元素位置3.学会使用z-index改变元素的层级

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消