您的位置:首页 > 产品设计 > UI/UE

IFE-TASK37(任务三十七:UI组件之浮出层)

2017-10-18 15:12 309 查看


前言:

百度前端技术学院,任务三十七:UI组件之浮出层


知识点:

1)通过display:none来显示或隐藏浮出层和遮罩层,遮罩层的z-index位于浮出层与背景层之间,样式为半透明

2)利用pageX,pageY,offsetLeft,offsetTop,offsetWidth,offsetHeight,clientWidth,clientHeight等属性,来确定移动后或拉伸后的浮出层位置和大小

3)浮出层的边框设置成div,方便对其进行CSS的设置

代码地址:点击打开链接

DEMO:点击打开链接
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息