按钮点击展开菜单列表

今天分享一篇利用CSS和消息事件完成鼠标点击按钮展开菜单列表的demo

首先我们定义一个button按钮和一个菜单列表，我们把他们封装到一个块级元素中，并指定position属性，其次我们对button定义一个选择器，来设置其样式：

<div style="position: relative;">

<button class="button-menu" (click)="showButtonList()" (blur)="hiddenList()">button</button>

<ul *ngIf="_showbuttonlist">

<li><a href="">aaa</a> </li>

<li><a href="">bbb</a> </li>

<li><a href="">ccc</a> </li>

<