Los menús desplegables son un elegante y sofisticada técnica para la visualización de enlaces de navegación web. Un menú desplegable organiza una serie de enlaces en una categoría determinada. Sólo el enlace de la categoría de nivel superior se mostrará hasta que un visitante del sitio Web posee el ratón sobre el enlace de la parte superior del menú , momento en el que se revela que el resto del menú. Ocultar el menú hasta que se activa de esta manera permite un gran número de enlaces a encajar en un espacio pequeño, por lo que un sitio web con muchas páginas puede utilizar una barra de menú de navegación de encabezado compacto. Cosas que necesitará
texto editor de la búsqueda Web navegador tiene Server que se ejecuta PHP
Ver Más instrucciones
1 del lado del servidor PHP Scripting

Crear un menú de navegación con PHP recuperando el nombre y la dirección relativa de cada eslabón de su sistema. En un sitio más pequeño , esta información puede ser codificado en la secuencia de comandos que crea la barra de navegación , mientras que un sitio más grande , probablemente use un sistema de gestión de contenido para almacenar información de enlace en una base de datos y recuperarla cuando se accede a las páginas . Por ejemplo , puede crear un menú mediante la lectura de una serie de matrices.

//asignar valores a las matrices

$ HomeLink = array ( 'home ', ' index.php ' ), $ contactLink = array (' contacto ', ' contact.php ');

$ Toplink = array ('nombre' , 'url '); $ NEXTLINK = array (' nombre', ' url '); $ thirdLink = array ('nombre' , 'url '); $ fourthLink = array ('nombre' , 'url ');

$ desplegable = array ( $ Toplink , $ NEXTLINK , $ thirdLink , $ fourthLink ) ;

$ topNavMenu = array ($ HomeLink , $ desplegable, $ contactLink ) ;

//leer los valores de la matriz en elementos HTML

$ menu = "

' ;


foreach ($ topNavMenu como $ item ) { if ( is_array ( $ item [ 0 ] ) ) { $ menu = '

• ' $ item [ 0 ] '< /a> < /li >'; . . . } else {//si este es el menú desplegable $ menu = '
• ' ; . foreach ( $ item como $ enlace ) {$ menu = '
  • " $ enlace [ 0 ] '< /a> < /li >'; . . . } $ menu = " . < /ul > < /li > "; } }
    

    $ menu = "< /ul >";
    

    //finalmente , la salida el resultado en el navegador : .
    

    echo $ menu ;
    < p> ? >
    2

    JavaScript se ejecuta en el navegador del cliente Crear la funcionalidad desplegable con JavaScript . Cuando se carga la página , utilice JavaScript para ocultar los menús desplegables , de esta manera el menú sigue siendo accesible a los navegadores alternativos que podrían no tener las capacidades de JavaScript . Cuando el visitante del sitio Web tiene su mouse sobre el primer elemento en el menú desplegable, revelar los elementos desplegables estableciendo el atributo "estilo" de los elementos relevantes :