【HTML5&CSS3进阶学习01】气泡组件的实现

气泡组件在实际工作中非常普遍,无论是网页中还是app中,比如:我们这里所谓气泡组件是指列表型气泡组件,这里就其dom实现,css实现,js实现做一个讨论,最后对一些细节点做一些说明,希望对各位有用单由气泡组件来说,他仍然属于“弹出层”类组件,也就是说其会具有这些特性:1布局为脱离文档流2可以具有mask蒙版,并且可配置点击蒙版是否关闭的特性3可选的特性有点击浏览器回退关闭组件以及动画的显示与隐藏动画特性其中比较不同的是:1不是居中定位2具有一个箭头标识,并且可以设置再上或者在下3因为具有箭头,而且这个箭头是相对于一个元素的,一般意义上我们任务是相对某个按钮,所以说具有一个trigg