---
order: 0
title:
  zh-CN: hover
  en-US: Type
---

## zh-CN
hover显示


## en-US

````jsx

<dropdown trigger="hover">
  <div>
    hover显示菜单 <icon type="down"></icon>
  </div>
  <ul slot="dropdown-menu">
    <li><a>选项一</a></li>
    <li><a>选项二</a></li>
    <li><a>选项三</a></li>
    <li role="separator" class="atui-dropdown-divider"></li>
    <li><a href="#">其它</a></li>
  </ul>
</dropdown>

````

````vue-script
new Vue({
  el: 'body',
  components: {
    dropdown: atui.Dropdown,
    icon: atui.Icon
  }
})
````