Blog
Compartimos con Ustedes nuestros conocimientos y de momentos interesantes
23 abril, 2018

Activa la opción de menú

Activa la opción de menú

Activa la opción de menú es muy brillante la propiedad para cualquier sitio. En este artículo vamos a ver cómo las fuerzas de la CSS y un pequeño código JavaScript para hacer significativa la decisión en Su sitio web.

Estoy seguro de que Habéis tenido con los efectos visuales en los sitios y que le gustaría implementar esta característica en el sitio. Este artículo le ayudará a hacer Su sueño una realidad.

Hace tiempo que me preguntaba sobre este problema, mientras que no ha llegado a la conclusión de que es inútil buscar las soluciones de terceros y ha creado el Script, que es fácil de entender cualquier programador en JavaScript, se integra fácilmente en cualquier plantilla de diseño, en cualquiera de los sistemas de control del sitio web. Así pues, presento a Su atención activa la opción de menú CSS y JavaScript.

Conectamos entre las etiquetasy JQuery es la biblioteca, aquí está el código.

Para más fácil demostrar la posibilidad y el orden de la acción, cree cualquier menú, entre las etiquetas <body></body>, por ejemplo, eso es.

Es habitual que el menú que hemos otorgado a la clase de menu. Usted puede asignar una clase a la que le parezca, por lo que no tiene problemas con las mismas clases a la carta, recomiendo utilizar únicas de los títulos de las clases.

Y ahora nuestro objetivo es presentar en la cabeza, para luego mostrar el código para que se vea activa la opción de menú cuando se encuentre en la página correspondiente. Para ello vamos a utilizar CSS. Y ahora hemos de pensar en la clase de elemento de menú activo y digamos que se active. Usted puede llamarlo como tu quieres. He aquí una muestra de código.

Lo que Usted escribe en el CSS, debe referirse al elemento de menú que queremos hacer activo. Ahora debemos hacer un pequeño Script, que va por delante, en qué página estamos de mahoma, y después de eso se private no como una opción de menú de su clase active. Y la opción de menú crítica en el color deseado. A continuación se especifica el código que se debe insertar entre el Team <head></head>.

Quiero explicar un poco el código. Bien, este es el código JavaScript y él empieza la función, que primero toma los datos de la carta, a saber, el de la etiqueta <a> desde el menú. La función de la toma de la barra de direcciones la dirección en la que nos encontramos y lo asigna a la variable “Location”. Después se toma un atributo de referencia el de la etiqueta <a> y asigna este valor a la variable “link” y, a continuación, compara estas dos variables, y si son iguales, con las funciones addClass damos nuestro enlace la nueva clase active, los estilos que hemos señalado en CSS.

Si tienes preguntas, siempre puedes dejar tus comentarios debajo de este artículo.

Epígrafes: , , ,

Siempre estamos en contacto con usted

Antes de contactar con los contactos que aparecen aquí, le pedimos que compare los precios y condiciones de nuestros competidores.

Esto le dará Una idea amplia de cuánto cuesta los servicios en el desarrollo del sitio llave en mano, cuánto tiempo lleva crear una tienda en línea o un sitio de tarjeta de visita.

No tardaremos más de tres semanas. Gracias.