這種效果實現起來是不難的，要通過JS來實現。
比方說： ?
導航菜單：<div class="menu"><a>菜單1</a><a>菜單2</a></div>
子菜單：<div class="menu_child"><ul>子菜單1</ul><ul>子菜單2</ul></div>
jquery實現代碼：需先在頭部引入jquery庫
$(function(){
$(".menu a").mouseover(function(){
var index = $(this).index();
$(".menu_child ul").eq(index).show().siblings().hide();
})
})
這樣就可以實現效果：鼠標移到菜單1時，就顯示子菜單1，移到菜單2時，就顯示子菜單2。
當然，我這裏沒有寫CSS樣式。相關的教程妳還可以參數wordpress主題教程