我在许多网站上都这样做过,但我的实现是在CSS的帮助下通过一个菜单实现的。(您还可以使用JavaScript获得一些很酷的效果。)
在“外观->菜单”下,我创建了一个菜单,并将子菜单链接拖动到该菜单的“父”链接下。(此解决方案的美妙之处在于它很简单,如果将来需要添加第三个级别,则不需要太多额外的工作。)
汽车,保时捷,玛莎拉蒂,阿斯顿,马丁,纽约,芝加哥,洛杉矶,然后我用CSS来设计这些。当您在页面上时,WordPress将使用“当前”、“父”或“祖先”菜单项类。这些可用于显示相应的菜单。您还将利用“:hover”伪类在悬停时显示相应的子菜单。您还可以选择jQuery的show()
和hide()
方法,如果您想合并一些流畅的JS动画。
在这里输出所有适当的CSS和jQuery需要一些工作,所以我希望这为您指明了正确的方向。