鼠标移上去下拉框出现移走或者点击之后 下拉框消失的效果。

首先引入bootstrap的组件

在鼠标移上去的地方

<span data-hover="dropdown" class="dropdown-toggle">用户信息</span>

<ul class="dropdown-menu dropdown-alerts ">
            <li><a href="#"><span></span>修改密码</a></li>
            <li><a href="/Account/LoginOut"><span></span>退出登录</a></li>
</ul>

实现的效果：

   鼠标移上去