Question

js实现页面中的弹框，小米官网右上角购物车。大神指教

在做小米官网的右上角购物车弹出框的时候，鼠标放上去后下拉框弹出，同时鼠标移到下拉框的的时候，购物车的样式也就是over是的样式。如果给购物车写mouseover事件，下拉框弹出。out事件收回。又给弹出框加over事件，使得鼠标移上去的时候，可以也显示，再加效果，可是鼠标移出就隐藏了。求解！可能没听懂我的描述，可以看一下官网。谢谢！求解决。用js或者jQuery。

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）

Answer 1

不用写js事件，写了js事件反而不好控制

购物车图标和下面的下拉菜单是在一个父元素当中的

添加样式

.abc div{

    display:none;

}

.abc:hover div{

    display:block;

}

样例参考附件即可，采纳即可。