前言:
百度前端技术学院,任务三十七:UI组件之浮出层
知识点:
1)通过display:none来显示或隐藏浮出层和遮罩层,遮罩层的z-index位于浮出层与背景层之间,样式为半透明
2)利用pageX,pageY,offsetLeft,offsetTop,offsetWidth,offsetHeight,clientWidth,clientHeight等属性,来确定移动后或拉伸后的浮出层位置和大小
3)浮出层的边框设置成div,方便对其进行CSS的设置
代码地址:点击打开链接
DEMO:点击打开链接