今天分享一篇利用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>
<