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

弹出层效果

难度初级
时长25分
学习人数
综合评分9.60
176人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
谢谢老师的无私奉献
-1-:获取页面总高宽度 scrollHeight、scrollWidth 做遮罩层
-2-:追加元素节点 appendChlid 添加样式
-3-:获取offsetHeight、offsetWidth 减去自身高度 给登录框居中
-4-: 删除元素节点 removeClass

默认都隐藏 点击触发事件 想的简单了 不知道对不对- -
老师好啊~~~~
学到一招a.onclick= b.onclick=function(){}
js动态创建节点。这样子可以在任意的页面上引入这个js文件去创建节点而不是每个需要的页面都去写一个节点结构。
怎么实现点击遮罩层下边的内容不可操作

最新回答 / sntatas
为登录元素innerHTML  设置相应表单元素就行了如:loging.innerHTML = "<form>用户名<br/><input type='text' name='username'/></form>"
loginCon哪里来的的。。。
我去,正在愁这个怎么做出来的呢,越来越觉得慕课更好了~~支持

已采纳回答 / qq_雨沐绘澜风_0
你的offsetWidth和offsetHeight写反了,应该是var oWidth = oLogin.offsetWidth;var oHeight =oLogin.offsetHeight;
我用另一种方式实现了‘点击登陆框以外的区域也可以关闭登陆框’,大家可以看看我的代码。我的思路是这样的,首先判断鼠标是否在登录框上面,不在上面时 用页面的点击事件关闭登录框,再上面时判断点击的元素id是否等于&#039;close&#039;;

最新回答 / 浮若绊笙
position定位的目的是为了脱离文本流,让被设置的元素飘起来,设置z-index:999;提高层级关系,让遮盖层能覆盖页面达到遮盖效果,设置opacity:0.65;IE要写兼容 filter: alpha(opacity=65);这样就可以透过遮盖层看到遮盖层下面的内容,设置position:absolute;它会往上找设置了position:relative属性的父级或者body坐标原点就行定位
BCS
很好 谢谢

已采纳回答 / 语兮
js:var wHeight=document.documentElement.clientHeighjquery:$(window).height();
收获很多谢谢老师
课程须知
1.您至少具备HTML+CSS样式基础知识;2.您至少具备JavaScript基础知识。
老师告诉你能学到什么?
1.学会DOM操作创建、插入和删除结点元素。2.学会position、fixed属性固定元素位置3.学会使用z-index改变元素的层级

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消