在B＆amp; Q的新设计的网站上，如果你将鼠标悬停在导航中的Shop上，然后是Paint，Wallpaper＆amp;装饰你得到右边的另一个菜单。我想做类似的事情，但看看开发工具中的代码我不能训练这个最终菜单是如何出现的？是通过CSS还是JS？谁能指点我重新创建一个类似的风格导航？
修改：指向网站的链接 - http://www.diy.com/
答案 0 :(得分：0)
尝试在该页面中使用inspect元素并发现它是如何制作的 或使用F12切换检查菜单
答案 1 :(得分：0)
我认为它是CSS和JS的混合，在检查菜单之后，它看起来像一个类.is-active被添加到父元素即'Paint，Wallpapers ...'然后CSS设置了哪些样式悬停时的子元素。我认为JS会在mouseout上再次删除该类。
所以基本上它只是在悬停时将隐藏的菜单从display: none换成display: block