Tecnología

Inicio

Código JavaScript para Mouseover Menús

Código JavaScript para Mouseover Menús


Un menú en las páginas web que tiene demasiados enlaces puede restar valor a la experiencia del usuario y reducir el número de visitantes que regresan. páginas web complejas con muchas páginas pueden utilizar un menú por encima del ratón para ayudar a los visitantes en la navegación sin estorbar encima de la página con los enlaces de decenas. propietarios de sitios web pueden utilizar un código Javascript para crear menús de desplazamiento de ratón. A continuación, puede modificar el código para adaptarse a su propio sitio web, cambiando el enlaces por defecto, tamaño y colores.

Código para el código JavaScript

Dynamic Drive tiene un código JavaScript que crea un menú por encima del ratón. El código es de 72 líneas, pero todo lo que tiene que hacer es copiar directamente desde el sitio, modificarlo para adaptarlo a sus necesidades y pegarlo en sus propias páginas web. No es necesario cambiar ninguna base de datos o hacer algo más complejo que las modificaciones básicas.

La modificación de las Categorías del menú

Cerca de la parte superior del código, se encuentran dos líneas con las principales categorías del menú y sus direcciones de enlace. En este caso, las categorías incluidas son "Kit de JavaScript" y "Freewarejava." Cambiar las direcciones web de texto y enlace a lo que quiere para su propio menú.

La modificación de los enlaces del submenú

Dentro del código, verá secciones "submenú". Los submenús incluidos contienen todo el texto y los hipervínculos para cada submenú. Cambie el texto a lo que usted quiere que sus visitantes hagan clic en cuando utilizan su menú. Cambiar los hipervínculos a la página web actual se dirige a usted quiere que sus visitantes ven cuando hacen clic en los enlaces.

Adición de categorías y submenús

Mira la sección de categorías en la parte superior del Javascript para este menú por encima del ratón. Usando el mismo texto que las dos categorías existentes, puede añadir categorías adicionales con sus propias direcciones de texto y enlaces. Sin embargo, se debe tener cuidado al numerarán las categorías con un "3", "4" y un número más alto para cada categoría adicional. Para crear más submenús, copiar y pegar la primera sección submenú y añadir el número de categoría que pertenece a la nueva categoría que creó en la sección de categoría. Por supuesto, vamos a añadir su propio texto y enlaces a cada submenú.

Modificando el tamaño y colores

Por debajo de la sección de la categoría, en la sección dimensiones, encontrará opciones para la anchura, altura y color, con algunos números predeterminados y un código de colores. Puede cambiar los números para ajustarse al tamaño que sea apropiado para sus páginas web. En los archivos HTML y JavaScript, los colores se representan por códigos especiales. Por ejemplo, el rojo es "# FF0000". La página web de la esperanza de ordenador tiene una lista de estos códigos de decenas de colores. Utilice el código para el color que mejor se adapte a la apariencia de su sitio web.

La implementación de la secuencia de comandos

Tienes JavaScript modificado entra en el código HTML de la página que contiene el menú. Cada página HTML tiene un cuerpo de la etiqueta de apertura (<body>) y una etiqueta de cuerpo de cierre (</ body>). Este script va entre esas etiquetas del cuerpo en el lugar donde desea que aparezca el menú por encima del ratón.

otras soluciones

La página web Hscripts tiene una "gota / pull-down Menu Builder" que le permite crear el código JavaScript, mediante la introducción de sus texto del menú, enlaces y otras opciones. La página web tiene un AHFB2000 "JavaScript Mouseover Maker" que lleva a cabo el mismo servicio gratuito. Cuando los programas crean el código JavaScript, publicarlos en sus páginas web al igual que el guión Dynamic Drive.