小米首页导航

来源：16-1 课程总结

酷酷的Nian

2020-07-19

图片描述
老师你好，关于首页的顶部导航，如何像小米商城的效果一样，实现鼠标连续经过多个导航，下拉菜单的外框不发生变化，产品的内容发生改变，最后鼠标离开，下拉框才上去。

写回答

1回答

河畔一角

2020-07-21

这个可能要结合js来实现了，单纯html加css无法满足。现在的做法是给每个导航菜单item添加hover，所以鼠标切换到第二个上面就会出现收缩，然后再展开。那你要的效果就得给整个导航添加hover事件，这样先保证鼠标不移出去，下拉不会收起来。然后再根据鼠标事件获取不同的菜单，根据菜单加载对应的导航列表。

Vue全家桶实战从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统，真实服务端数据对接，高实用性

2560 学习 · 1307 问题

查看课程

相似问题

为什么首页不设置路由懒加载？

回答 1

麻烦老师开一下蓝湖权限

回答 1

路由按需加载

回答 1

跳转问题

回答 2

申请加入蓝湖查看小米商城设计稿

回答 1

打开慕课网App查看更多内容