Destacando Un Enlace Activo

Tabla de contenido:

Destacando Un Enlace Activo
Destacando Un Enlace Activo

Video: Destacando Un Enlace Activo

Video: Destacando Un Enlace Activo
Video: El enlace químico. Tipos, ejemplos. 2024, Mayo
Anonim

La navegación en el sitio se proporciona a través de enlaces. Y su selección, vinculada a un cierto estado, sirve como elemento de diseño y le permite crear un efecto hermoso.

Destacando un enlace activo
Destacando un enlace activo

Instrucciones

Paso 1

Los enlaces se especifican mediante etiquetas y. Deben escribirse en el campo. En principio, puede utilizar las herramientas del panel de control, pero para crear varios efectos, deberá realizar cambios en el código. El atributo alink es responsable del color del enlace activo, el visitado es vlink. En formato html se muestra así: Nombre de la pestaña Texto de anclaje Si necesita hacer un enlace como una imagen, inserte la imagen entre y:.

Paso 2

El resaltado al pasar el cursor sobre un enlace de cursor se genera usando Javascript. El código en este caso se ve así: función resaltar (cuál, color) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Texto del enlace

Paso 3

Para resaltar el fondo alrededor del ancla del enlace use: función resaltar (cuál, color) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Paso 4

Otra opción para resaltar el enlace activo:.link {background-color: # 810002} $ (documento).ready (función () {$ ("li a"). RemoveClass ("enlace"); $ ("# enlace_"). addClass ("enlace");});

  • Enlace 1
  • Enlace 2
  • Enlace 3

Recomendado: