最近看见慕课网上的登录框，就寻思着自己做一下练练手，毕竟向我这样的初学者，放弃了动手就算是放弃了学习，我可不想！
这是原网站截下来的图：
结构分析：
点击登录应该弹出的是两层div，一个是下面的有透明覆盖层div（oCover），一个是登录框所在的div（oLogin）。
细节分析：
- 弹出覆盖层后可以使用滚轮：oCover一定是覆盖了整个页面（不只是浏览器可视区域）
- 登录层不随滚轮滑动改变位置：oLogin该是固定定位
- 不同的页面弹出的登录框相同：使用js生成节点能缩小代码量（其实这个我也不太确定）
实现：
js
<-今天先更到这里，我写代码很慢，余下的写完再更->
磕磕碰碰终于做完啦，发现上次在分析结构的时候漏了一条：
- 登录框会随着浏览器的可是窗口大小的改变而改变，所以需要使用一个定时器，递归调用；或则使用onresize选择器。
我把源代码放到了我的github-->Pop-upWindow，想要仔细看源码或则需要看演示效果的的小伙伴可以载下来瞧瞧。
网友评论