JavaScript menús desplegables son una forma de crear gráficamente mejorados menús de navegación de los usuarios en las páginas web. Estos menús se han convertido en un estándar en programación HTML - página Web , por lo que muchos usuarios reconocen la funcionalidad de la interfaz . Al crear un menú desplegable JavaScript , sólo es necesario añadir unas pocas líneas de código en la aplicación . El Javascript

Creación de JavaScript menús desplegables se puede lograr usando una función integrada en la página web. La función de JavaScript se llama a continuación, por el elemento en el menú . Cada vez que el usuario pasa sobre el menú , la función JavaScript se llama y se abre una lista de opciones para el usuario. A continuación se muestra un ejemplo de Javascript derribar función de menú :

desplegable función ( menu_element , posición ) { menuObject = document.getElementById ( menu_element ) estilo ; newPosition = ( parseInt ( menuObj.top ) == -10 . ) ? -100 : -10 }

La primera declaración en el código es el nombre de la función. Esto se utiliza en el código HTML más adelante en este tutorial . La primera declaración en el código es el elemento del menú. Dado que varios elementos de menú se utilizan para la navegación con JavaScript , se utiliza el ID de elemento que se pasa desde el elemento HTML. La siguiente línea reposiciona el elemento ya sea cerrar el menú desplegable o expandirlo .
Agregar la función de JavaScript al menú

elementos del menú se crean usando la etiqueta div objetos en HTML . Una etiqueta div que se utiliza para un menú desplegable que normalmente se asigna el texto a él para pedir visualmente al usuario pase el ratón sobre el elemento. Una vez que el ratón se cernía sobre la etiqueta HTML div , se realiza la llamada a la función JavaScript para abrir el menú desplegable. El siguiente es un ejemplo de un elemento de etiqueta div que llama a la función creada en el artículo 1 :

< div id = onMouseover " main_menu " = " pulldown ( ' main_menu ' , -10 ) " onMouseout = " pulldown ( ' main_menu ' , -100 ) ">

Este código llama a la función desplegable cuando se pasa el ratón por encima de la etiqueta div , pero entonces se llama a la función de nuevo cuando el ratón se mueve fuera del elemento . Esto da la apariencia de un menú de apertura y de cierre de una página web.