¿Cómo logran los menús de WordPress este efecto?
No es difícil lograr este efecto, se logrará a través de JS.
Por ejemplo:?
Menú de navegación: lt;div class="menu"gt;lt;agt;menu1lt;/agt;lt;agt;menu2lt;/agt;lt ;/divgt;
Submenú:lt;div class="menu_child"gt;lt;ulgt;submenu1lt;/ulgt;lt;ulgt;submenu2lt;/ulgt;lt;/divgt;
Código de implementación de jquery: primero debe introducir la biblioteca jquery en el título
$(function()){
$(".menu a").mouseover( function (){
var index = $(this).index();
$(".menu_child ul").eq(index).show().siblings( ) .hide();
})
})
Esto puede lograr el siguiente efecto: cuando el mouse se mueve al menú 1, el submenú será se muestra 1; cuando el mouse se mueve al menú 2, se mostrará el submenú 2.
Por supuesto, no estoy escribiendo estilos CSS aquí. Para tutoriales relacionados, también puede consultar los tutoriales de temas de WordPress.