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.